﻿/*图片轮播*/
.detail_context_pic{width:100%; max-width:480px; overflow:hidden; position:relative; margin:0 auto;}
.detail_context_pic_top{width:100%; height:auto; float:left; overflow:hidden;text-align:center;position:relative;z-index:1;border:1px solid #ddd;}
.detail_context_pic_top .cpxq_img_top {padding-top:70%;}

/*#pic1{width:100%; display:block; height:100%; margin:auto;}*/
#preArrow{left:0px;}
#nextArrow{right:0px;}
.contextDiv{cursor:pointer;height:100%;width:50%; float:left; position:absolute;top:0; margin-top:0;}

.detail_context_pic_bot{width:100%; float:right; overflow:hidden;position:relative; margin-top:10px;}
.detail_picbot_mid{float:left;width:420px; overflow:hidden; position:relative;}
.detail_picbot_mid ul{width:100%; height:100%; overflow:hidden;position:relative;}
.detail_picbot_mid ul li{width:70px;height:70px; float:left; position:relative; margin:0 7px;}
.detail_picbot_mid ul li img{height:100%;width:100%; display:block;border:1px solid #ddd;}
.detail_picbot_mid ul li .selectpic{border:1px solid #000;}

.detail_picbot_left{float:left;width:30px;}
.detail_picbot_left a{display:block; height:70px; line-height:68px; border:1px solid #ddd; font-family:SimSun; text-align:center; font-size:30px; color:#5e5e5e; font-weight:bold; transition:all 0.4s;}
.detail_picbot_left a:hover{background:#f5f5f5;}
.detail_picbot_right{float:right;width:30px;}
.detail_picbot_right a{display:block; height:70px; line-height:68px; border:1px solid #ddd; font-family:SimSun; text-align:center; font-size:30px; color:#5e5e5e; font-weight:bold; transition:all 0.4s;}
.detail_picbot_right a:hover{background:#f5f5f5;}

/*响应式轮播图*/
    .banner-img {
        width: 100%;
        height: auto;
        border:1px solid #ddd;
    }

    .banner-img .swiper-slide {
        height: auto;
    }
    .banner-img .swiper-slide img{max-width:100%; display:block; margin:0 auto;}
    
/*END*/