@charset "utf-8";
/* CSS Reset */
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}

/* pro_detailimg */
.content_main_photo{width: 80%; overflow: hidden; margin: auto;}
#pro_midimg_s li.active,#pro_midimg_s_leftbtn,#pro_midimg_s_rightbtn{background:url(../images/ico_arrow.png) no-repeat;}
#pro_detailimg{width:100%;margin:30px auto 0 auto;}
#pro_midimg{position:relative; width:100%; min-height: 470px;}
#pro_midimg li{position:absolute;width:100%; height: 100%; left:0;top:0;filter:alpha(opacity:0);opacity:0; text-align:center;}
#pro_midimg img{height: 100%;}
#pro_midimg_s{width:100%;padding-left:5px;margin-top:35px;z-index:20; min-height: 110px;}
#pro_midimg_s_btn{display: inline-block;width:92%;position:relative;overflow: hidden;left: 0; height: 80px;margin-right:3px;}
#pro_midimg_s_btn ul{width:100000px;position:absolute;left:0;top:-15px;}
#pro_midimg_s_btn li{padding-top:7px;display: inline-block; margin-right:5px; text-align:center;}
#pro_midimg_s_btn li img{border:2px solid #dddddd}
#pro_midimg_s_btn li.active{background-position:-468px -100px;}/*-448px 控制三角的位置，越小越右邊*/
#pro_midimg_s_btn li.active img{border:2px solid #40b9e5}
#pro_midimg_s_leftbtn,#pro_midimg_s_rightbtn{position: relative; z-index: 1;display: inline-block; height:40px;width:15px;text-indent:-9999px; margin-top: 20px;vertical-align:top; }
#pro_midimg_s_leftbtn{margin-right:0;background-position:-455px -60px;}
#pro_midimg_s_rightbtn{background-position:-480px -60px;}

@media screen and (max-width: 768px) {
.content_main_photo{width: 100%;}
#pro_midimg_s {width: 100%;}
#pro_midimg_s_btn{margin-right: 0;}
}
@media screen and (max-width: 460px) {
#pro_midimg {min-height: 260px;}
#pro_midimg_s_btn { width: 86%;}
}