@media (max-width: 767px) {

.detail_context_pic{width:100%;max-width: 100%;overflow:hidden;margin:20px auto;}
.detail_context_pic_top{width:100%;overflow:hidden;text-align:center;position:relative;z-index:1;background: #fff;
justify-content: center;height:260px;
align-items: center;}
.detail_context_pic_bot{width:100%;height:137px;overflow:hidden;margin-top:0px;}
.detail_picbot_left{display: inline-block; float:left;width: 30px;
    height: 50px;
    overflow: hidden;
    margin-top: 60px;}
.detail_picbot_left a{display:block;width:30px;height:50px;}
.detail_picbot_center {margin-left: 20%;}
.detail_picbot_mid{float:left;width:100%;margin-top: 10px;height:137px;overflow:hidden;padding-top:0px;padding-bottom:13px;}
.detail_picbot_mid ul{height:77px;width:100%;overflow:hidden;position:relative;}
.detail_picbot_mid ul li{float: left;
  height: 66px;
 margin-left: 1%;
  display: inline;
  width: 24%;	
  text-align: center;
  overflow: hidden;
  position: relative;
  background: #fff;}
.detail_picbot_mid ul li img{height:auto;max-width:150px;position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);}
#pic1{max-width: 320px;vertical-align: middle;  display: table-cell;vertical-align: middle;text-align: center;position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);}
.selectpic{border:2px solid red;}
.detail_picbot_right{float:left;width:30px;height:50px; margin-top:60px;overflow:hidden;}
.detail_picbot_right a{display:block;width:30px;height:50px;}
#preArrow{left:0px;}
#nextArrow{right:0px;}
.contextDiv{cursor:pointer;height:100%;width:50%;position:absolute;top:0px;z-index:5;background:url("blank") repeat;}
.contextDiv span{position:absolute;top:50%;margin-top:-10%;width:60px;height:60px;}
#preArrow_A{left:0px;background:url('../image/l.png') 0px 0px no-repeat;display: block !important;}
#nextArrow_A{right:0px;background:url('../image/r.png') 0px 0px no-repeat;display: block !important;}



#preArrow_A:hover{left:0px;background:url('../image/jgl.png') 0px 0px no-repeat;display: block !important;}
#nextArrow_A:hover{right:0px;background:url('../image/jgr.png') 0px 0px no-repeat;display: block !important;}




#miaoshuwarp{position:relative;bottom:0;z-index:1;width:100%;text-align:left;}
.miaoshu{position:absolute;width:95%; padding:0 10px; bottom:0;height:30px; line-height:30px;color:White;font-size:14px;z-index:3;}

.bodymodal{width:100%;height:100%;overflow:hidden;background:#000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5; opacity: 0.5;z-index:1100;position:fixed;top:0px;left:0px;display:none;}
.firsttop_left{width:300px;height:250px;margin-right:30px;overflow:hidden;float:left;}
.firsttop_right{float:left;width:270px;overflow:hidden;}
.close2{height:17px;}
.close2 a{background:url('../image/close.jpg') 0px 0px no-repeat;width:15px;height:15px;display:block;float:right;}
.replay{height:24px;margin-top:20px;overflow:hidden;}
.replay h2{float:left;font-size:16px;}
.replay p{float:left;margin-left:15px;display:inline;line-height:24px;padding-right:25px;background:url('../image/replay.png') right no-repeat;}
.replay p a{color:white;font-size:14px;}
.replay p a:hover{color:#FF702D;text-decoration:underline;}
.pictwo{width:270px;height:88px;overflow:hidden;margin-top:20px;}
.pictwo ul li{width:120px;height:88px;float:left;margin-right:15px;position:relative;overflow:hidden;}
.pictwo ul li img{width:120px;height:88px;}
.imgdivtext{position:absolute;bottom:0px;height:25px;width:120px;background:rgba(0, 0, 0, 0.6);line-height:25px;text-align:center;left:0px;z-index:4;*background:#000;*filter:alpha(opacity=50);}
.imgdivtext a{color:White;font-size:14px;font-weight:bold;}
.imgdivtext a:hover{color:#FF702D;text-decoration:underline;}
.returnbtn {margin-top:35px;margin-left:50px;}
.returnbtn a{width:115px;height:22px;border:1px solid #ccc;padding:5px 15px;line-height:22px;text-align:center;color:White;font-size:16px;display:block;}
.returnbtn a:hover{color:#FF702D;border:1px solid #8d5a00;}
.firsttop{width:600px;padding:20px;background:#1C1C1C;position:fixed;top:170px;left:0px;z-index:1200;color:White;display:none;}
.endtop{width:600px;padding:20px;background:#1C1C1C;position:fixed;top:170px;left:0px;z-index:1200;color:White;display:none;}

}



@media (min-width: 767px) {

.detail_context_pic{width:100%;max-width: 800px;overflow:hidden;margin:20px auto;}
.detail_context_pic_top{width:100%;overflow:hidden;text-align:center;position:relative;z-index:1;background: #fff;
justify-content: center;height:360px;
align-items: center;}
.detail_context_pic_bot{width:100%;height:137px;overflow:hidden;margin-top:0px;}
.detail_picbot_left{display: inline-block; float:left;width: 30px;
    height: 50px;
    overflow: hidden;
    margin-top: 60px;}
.detail_picbot_left a{display:block;width:30px;height:50px;}
.detail_picbot_center {margin-left: 20%;}
.detail_picbot_mid{float:left;width:100%;margin-top: 10px;height:137px;overflow:hidden;padding-top:0px;padding-bottom:13px;}
.detail_picbot_mid ul{height:137px;width:100%;overflow:hidden;position:relative;}
.detail_picbot_mid ul li{float: left;
  height: 136px;
  margin-left: 4px;
  display: inline;
  width: 187px;
  text-align: center;
  overflow: hidden;
  position: relative;
  background: #fff;}
.detail_picbot_mid ul li img{height:auto;max-width:150px;position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);}
#pic1{max-width: 420px;vertical-align: middle;  display: table-cell;vertical-align: middle;text-align: center;position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);}
.selectpic{border:2px solid red;}
.detail_picbot_right{float:left;width:30px;height:50px; margin-top:60px;overflow:hidden;}
.detail_picbot_right a{display:block;width:30px;height:50px;}
#preArrow{left:0px;}
#nextArrow{right:0px;}
.contextDiv{cursor:pointer;height:100%;width:50%;position:absolute;top:0px;z-index:5;background:url("blank") repeat;}
.contextDiv span{position:absolute;top:50%;margin-top:-10%;width:60px;height:60px;}
#preArrow_A{left:0px;background:url('../image/l.png') 0px 0px no-repeat;display: block !important;}
#nextArrow_A{right:0px;background:url('../image/r.png') 0px 0px no-repeat;display: block !important;}



#preArrow_A:hover{left:0px;background:url('../image/jgl.png') 0px 0px no-repeat;display: block !important;}
#nextArrow_A:hover{right:0px;background:url('../image/jgr.png') 0px 0px no-repeat;display: block !important;}




#miaoshuwarp{position:relative;bottom:0;z-index:1;width:100%;text-align:left;}
.miaoshu{position:absolute;width:95%; padding:0 10px; bottom:0;height:30px; line-height:30px;color:White;font-size:14px;z-index:3;}

.bodymodal{width:100%;height:100%;overflow:hidden;background:#000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5; opacity: 0.5;z-index:1100;position:fixed;top:0px;left:0px;display:none;}
.firsttop_left{width:300px;height:250px;margin-right:30px;overflow:hidden;float:left;}
.firsttop_right{float:left;width:270px;overflow:hidden;}
.close2{height:17px;}
.close2 a{background:url('../image/close.jpg') 0px 0px no-repeat;width:15px;height:15px;display:block;float:right;}
.replay{height:24px;margin-top:20px;overflow:hidden;}
.replay h2{float:left;font-size:16px;}
.replay p{float:left;margin-left:15px;display:inline;line-height:24px;padding-right:25px;background:url('../image/replay.png') right no-repeat;}
.replay p a{color:white;font-size:14px;}
.replay p a:hover{color:#FF702D;text-decoration:underline;}
.pictwo{width:270px;height:88px;overflow:hidden;margin-top:20px;}
.pictwo ul li{width:120px;height:88px;float:left;margin-right:15px;position:relative;overflow:hidden;}
.pictwo ul li img{width:120px;height:88px;}
.imgdivtext{position:absolute;bottom:0px;height:25px;width:120px;background:rgba(0, 0, 0, 0.6);line-height:25px;text-align:center;left:0px;z-index:4;*background:#000;*filter:alpha(opacity=50);}
.imgdivtext a{color:White;font-size:14px;font-weight:bold;}
.imgdivtext a:hover{color:#FF702D;text-decoration:underline;}
.returnbtn {margin-top:35px;margin-left:50px;}
.returnbtn a{width:115px;height:22px;border:1px solid #ccc;padding:5px 15px;line-height:22px;text-align:center;color:White;font-size:16px;display:block;}
.returnbtn a:hover{color:#FF702D;border:1px solid #8d5a00;}
.firsttop{width:600px;padding:20px;background:#1C1C1C;position:fixed;top:170px;left:0px;z-index:1200;color:White;display:none;}
.endtop{width:600px;padding:20px;background:#1C1C1C;position:fixed;top:170px;left:0px;z-index:1200;color:White;display:none;}

}