/*图片轮播*/
.detail_context_pic{width:100%;overflow:hidden; position:relative; max-width:100%; margin:0 auto;}
.detail_context_pic_top{width:75%; height:679px; float:left; overflow:hidden;text-align:center;position:relative;z-index:1;}
#pic1{max-width:100%; display:block; height:100%; margin:auto;}
#preArrow{left:0px; background:url(../images/cpxq_L.jpg) no-repeat center center;}
#nextArrow{right:0px; background:url(../images/cpxq_R.jpg) no-repeat center center;}
.contextDiv{cursor:pointer;height:84px;width:34px; float:left; position:absolute;top:50%; margin-top:-42px;}


.detail_context_pic_bot{width:24%; float:right; overflow:hidden;position:relative;}
.detail_picbot_mid{float:left;width:100%; height:679px;overflow:hidden;}
.detail_picbot_mid ul{width:100%; height:100%; overflow:hidden;position:relative;}
.detail_picbot_mid ul li{float:left;height:213px; margin-bottom:20px; display:inline;width:100%;text-align:center;overflow:hidden;position:relative;}
.detail_picbot_mid ul li img{height:100%;width:100%; display:block;}
.selectpic{border:5px solid #1e5fd3;}

.detail_picbot_left{float:left;width:34px; height:84px;overflow:hidden; position:absolute;left:50%;top:0; z-index:99; margin:-25px 0 0 -17px;transform: rotate(90deg);
-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);}
.detail_picbot_left a{width:100%; height:84px; float:left;background:url(../images/cpxq_L.jpg) no-repeat center center;}
.detail_picbot_right{float:right;width:34px; height:84px; overflow:hidden; position:absolute;left:50%;bottom:0; z-index:99; margin:0 0 -25px -17px;transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);}
.detail_picbot_right a{width:100%; height:84px; float:left;background:url(../images/cpxq_R.jpg) no-repeat center center;}

@media (max-width:1220px) {
.detail_context_pic_top{ height:580px;}
.detail_context_pic_bot{ height:580px;}
.detail_picbot_mid ul li{height:180px; margin-bottom:20px;}
}
@media (max-width:1120px) {
.detail_context_pic_top{ height:520px;}
.detail_context_pic_bot{ height:520px;}
.detail_picbot_mid ul li{height:160px; margin-bottom:20px;}
}
@media (max-width:1040px) {
.detail_context_pic_top{ height:450px;}
.detail_context_pic_bot{ height:450px;}
.detail_picbot_mid ul li{height:140px; margin-bottom:15px;}
}
@media (max-width:991px) {
.detail_context_pic_top{ height:390px;}
.detail_context_pic_bot{ height:390px;}
.detail_picbot_mid ul li{height:120px; margin-bottom:15px;}
}