/* pop-layer */

.pop-layer {/* position:relative; */border:none;left: 0;top: 0;left: auto;z-index:9999;}
.popWrap {position: absolute;overflow:hidden;left: 85px;top:180px;z-index: 9999;}
.main_pop {position:relative;border:1px solid  #333; box-sizing: border-box;background-color: #333; width:400px;overflow:hidden; }
.main_pop .popB{overflow:hidden;color:#fff;padding:6px 10px 5px; font-size: 12px;}
.main_pop .popB p {line-height:19px}
.main_pop .popB p label{float:left;color:#fff;line-height:14px;}
.main_pop .popB input{float:left;vertical-align:top;margin:3px 0 0 8px;}
.main_pop .popB span{float:right;cursor:pointer;}
.main_pop .popB span img { vertical-align:middle; padding-bottom:3px}
.main_pop .popB a { display: inline-block; float: right;line-height:19px }
.main_pop .pop_btn {position:absolute; top:9px; right:9px; overflow:hidden;}
.main_pop .pop_btn ul{overflow:hidden; float:left;}
.main_pop .pop_btn ul li {float:left; margin-left:6px;}
.main_pop .pop_btn ul li a {text-indent:-9999px; overflow:hidden; display:block; width:11px; height:11px; background:url('../images/mainPop/bul_pop_off.png') no-repeat 0 0;}
.main_pop .pop_btn ul li.active a {background:url('../images/mainPop/bul_pop_on.png') no-repeat 0 0;}
.btn_control {float:left; margin-left:7px; line-height:11px;}
.btn_control a { display: inline-block; position: relative; top:-3px}
.pop_arrow {position:absolute; top:230px; left:0; overflow:hidden; width:100%; opacity: 0 }
.pop_arrow .prev_btn {float:left;}
.pop_arrow .next_btn {float:right;}
.popWrap:hover .pop_arrow {opacity:1}
.layer_wrap {overflow:hidden; background-color:#ffffff;}
.layer_wrap .player {float:left; width:400px;height:500px;}
.layer_wrap .player img {width:100%;}
.main_pop2 {position:absolute;overflow:auto;z-index:3;border:1px solid #3457a8; background-color:#3457a8;}
.main_pop2 .popB{overflow:hidden;color:#fff;padding:8px 10px 3px;}
.main_pop2 .popB p label{float:left;color:#fff;line-height:14px;}
.main_pop2 .popB input{float:left;vertical-align:top;margin:0 0 0 8px;}
.main_pop2 .popB span{float:right;cursor:pointer;}
.main_pop2 .popB span img { vertical-align:middle; padding-bottom:3px}
.mb_pop{ display:none !important;}

@media only screen and (max-width:1024px){
	.popWrap  {left: 10px;top:70px;}
	
}
@media only screen and (max-width:600px){
	.mb_pop{display:block !important;}
	.pop-layer { position:fixed; width:100%; overflow:auto;left:0;top:0; bottom:0; right:0; background:rgba(0, 0, 0, .5); }
	.popWrap  {position:relative;width:400px;left: 0;top:60px;margin:0 auto;}
}
@media only screen and (max-width:450px){
	.popWrap  { width:100%;padding:0 10px;box-sizing: border-box;}
	.main_pop { width:400px;margin:0 auto}
}
@media only screen and (max-width:414px){
	.main_pop { width:342px;}
	.layer_wrap .player { width:340px; height:425px}
}
@media only screen and (max-width:320px){
	.main_pop { width:302px;}
	.layer_wrap .player { width:300px; height:375px}
}