/* Magnific Popup CSS */

.dban{ width: 100%; margin: auto;}
.ban{ width:100%;   position:relative; overflow:hidden; }
.ban2{ width:85%; position:relative; overflow:hidden;  border-radius: 5px; margin-bottom: 20px;min-height: 450px; }
.ban2 ul{ position:absolute; left:0; top:0; margin: 0; padding: 0;}
.ban2 ul li{float:left; list-style: none;}
.ban2 ul li img{width: 100%;}
.prev{ float:left; cursor:pointer;}
.num{ min-height:700px;overflow:hidden; width:92%; position:relative;float:left;}
.min_pic{  width:14%; float: left; min-height: 420px;}
.num ul{ width: 100% !important; position:absolute; left:0; top:0;margin: 0; padding: 0;}
.num ul li{ width:100%; margin-bottom: 20px;   padding:1px;float:none !important; list-style: none;}
.num ul li img{width: 100%;  border-radius: 7px; }
.num ul li.on{ border:2px solid #4b2db3; border-radius: 10px; padding:0;}
.prev_btn1{ width:95%; text-align:center;     margin-right:2%; cursor:pointer; }
.next_btn1{  width:95%; text-align:center;  cursor:pointer;}
.prev1{ position:absolute; top:0px; left:0px; width:50%; height:100%;z-index:9;cursor:pointer; opacity: 0.5;  filter:alpha(opacity=50);  
      -moz-opacity:0.5;  -khtml-opacity: 0.5;  }
.prev1:hover{opacity: 1;filter:alpha(opacity=100);   -moz-opacity:1;  -khtml-opacity: 1; }
.prev1 img{ position: absolute; top: 40%; left: 10px;}
.next1{ position:absolute; top:0px; right:0px; width:50%; height:100%;z-index:9;cursor:pointer;opacity: 0.5; filter:alpha(opacity=50);  
      -moz-opacity:0.5;  -khtml-opacity: 0.5; }
.next1:hover{opacity: 1;filter:alpha(opacity=100);   -moz-opacity:1;  -khtml-opacity: 1;}
.next1 img{ position: absolute; top: 40%; right: 10px; }
.mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;}
@media (max-width: 769px){.min_pic{display: none;}.ban2{width: 100%; min-height: 345px;}}