/* pop-layer */

.pop-layer {/* position:relative; */border:none;right: 5%;top: 0; left: auto;}
.pop-layer * { box-sizing:border-box; font-size:13px; line-height:25px}
.popWrap {position: absolute;overflow:hidden;right: 20px;top:180px;z-index: 100;}
.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:8px 10px 3px;}
.main_pop .popB img { max-width:100%}
.main_pop .popB a { display:inline-block; float:right}
.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 a{float:right;cursor:pointer;}
.main_pop .popB a img { vertical-align:middle; padding-bottom:3px}
.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;}
.pop_arrow {position:absolute; top:230px; left:0; overflow:hidden; width:100%; }
.pop_arrow .prev_btn {float:left;}
.pop_arrow .next_btn {float:right;}
.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 #333; background-color:#333;}
.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}


@media only screen and (max-width:1100px){
	.popWrap {right:10px; top:70px;}
	
}
@media only screen and (max-width:600px){
	.pop-layer { position:fixed; width:100%; overflow:auto;z-index:101;left:0;top:0; bottom:0; right:0; background:rgba(0, 0, 0, .5); }
	.popWrap  {position:relative;width:400px; right: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:340px;}
	.layer_wrap .player { width:340px; height:425px}
}
@media only screen and (max-width:320px){
	.main_pop { width:300px;}
	.layer_wrap .player { width:300px; height:375px}
}