/* pop-layer */
#popup {z-index: 9999;}
.pop-layer {position:relative;border:none;/* right: 0; *//* top: 0; *//* left: auto; */z-index: 9999;}
.popWrap {position: absolute;overflow:hidden;right: 10px;top: 108px;z-index: 9999;}
.main_pop {position:relative;border:1px solid  #000;box-sizing: border-box;background-color: #000;width:400px;overflow:hidden;}
.main_pop .popB{overflow:hidden;color:#fff;padding: 0;}
.main_pop .popB label,
.main_pop .popB a,
.main_pop .popB button{float:left;width: 70%;display: block; position:relative; text-align: center; background-color: #000; color: #ddd; cursor: pointer; border: 0; padding: 0 !important; margin: 0; text-indent: 0; line-height:35px !important; height: 35px !important; font-weight: 300; font-size: 13px  !important;}
.main_pop .popB a,
.main_pop .popB button{width: 30%;background-color: #df2d32;float:right;vertical-align: middle; color:#fff;}
.main_pop .popB a img,
.main_pop .popB button img { margin:-3px 0 0 3px; position:relative}
.main_pop .popB input[type="checkbox"] { transform: translateY(0%); background:#000 url(../images/mainPop/i_chk.png) 0 0 no-repeat; background-size: 15px; width: 15px !important; height:15px !important; border: 0 !important; border-radius: 0; display: inline-block; outline: none; z-index: 10; cursor: pointer; margin:-3px 5px 0; -webkit-appearance: none; }
.main_pop .popB input[type="checkbox"]:checked { background-position: 0 -15px }

.main_pop .pop_btn {position:absolute;top:9px;right:9px;overflow:hidden;/* display: none */}
.main_pop .pop_btn ul{overflow:hidden;float:left;vertical-align: top;}
.main_pop .pop_btn ul li {float:left; margin-left:6px;}
.main_pop .pop_btn ul li a,
.main_pop .pop_btn ul li button{text-indent:-9999px;overflow:hidden;display:block;width: 17px;height: 17px;background: #ddd;border: 1px solid rgba(0,0,0,0.4);border-radius: 50%;/* background:url('../images/mainPop/bul_pop_off.png') no-repeat 0 0; */}
.main_pop .pop_btn ul li.active a,
.main_pop .pop_btn ul li.active button{/* background:url('../images/mainPop/bul_pop_on.png') no-repeat 0 0; */background: #fd3738;}
.pop_btn .start_btn,
.pop_btn .stop_btn{float:left;margin-left: 5px;height: 17px;text-align: center;width: 17px;}
.pop_btn .start_btn img,
.pop_btn .stop_btn img { vertical-align:top; display:inline-block}
.pop_arrow {position:absolute;top: 50%;margin-top: -25px;left:0;/* overflow:hidden; */width:100%;}
.pop_arrow .prev_btn { left:0;}
.pop_arrow .next_btn { right:0;}
.pop_arrow .prev_btn,
.pop_arrow .next_btn{position:absolute;top: 50%;/* margin-top: -25px; */border-radius: 50%;/* margin: 3px; */display: block;} 
.pop_arrow .prev_btn:hover,
.pop_arrow .next_btn:hover { background-color:rgba(0,0,0,.5)}
.layer_wrap {overflow:hidden; background-color:#ffffff;}
.layer_wrap .player {float:left;width: 400px;/* height: 500px; */}
.layer_wrap .player img {width:100%;}


.pop-layer .main_pop2 {position:absolute;overflow:auto;z-index:3;border:1px solid #3457a8; background-color:#3457a8;}
.pop-layer .main_pop2 .popB{overflow:hidden;color:#fff;padding:8px 10px 3px;}
.pop-layer .main_pop2 .popB p label{float:left;color:#fff;line-height:14px;}
.pop-layer .main_pop2 .popB input{float:left;vertical-align:top;margin:0 0 0 8px;}
.pop-layer .main_pop2 .popB span{float:right;cursor:pointer;}
.pop-layer .main_pop2 .popB span img { vertical-align:middle; padding-bottom:3px}

.pop-layer.main_pop2{ display:block; z-index:55;}
.pop-layer.main_pop2 .popWrap {right: inherit;left: 10px;}
.pop-layer.main_pop2 .popWrap .layer_wrap{width:400px;}

.pop-layer.main_pop3{display:block;z-index:57;margin: 0;}
.pop-layer.main_pop3 .popWrap{left: 412px;}

@media only screen and (max-width:1780px){
	.popWrap  {top: 90px;}	
}

@media only screen and (max-width:1024px){
	.popWrap  {top: 80px;}	
}
@media only screen and (max-width:825px){
	.pop-layer {position:fixed;width:100%;overflow:auto;right: 0;top:0;bottom:0;background:rgba(0, 0, 0, .5);}
	.popWrap  {position:relative;width:400px;right: 0;left: 0 !important;margin:0 auto;}
}
@media only screen and (max-width:768px){
	.popWrap  {width:100%; max-width: 400px;padding: 10px 15px;top: 60px;box-sizing: border-box;}
	
	.pop-layer.main_pop2 .popWrap .layer_wrap{width:100%;}
	.main_pop { width:400px;margin:0 auto}
}
@media only screen and (max-width:414px){
	.popWrap  { padding: 10px;}
	.layer_wrap .player {width: 300px;height: 375px;}
}

/* owl mainPop */
.mainPop {position:relative; border:1px solid  #000; box-sizing: border-box; background-color: #000; width:402px; overflow:hidden;}
.mainPop .dataCtrl{position: absolute;right: 0;top: 0;background: rgba(0,0,0,0.8);border-radius: 0;padding: 1px 0px 5px 0px;width: 75px;height: 30px;}
.mainPop .dataCtrl .ctrl-nav{position: relative;}
.mainPop .dataCtrl .ctrl-nav .owl-prev,
.mainPop .dataCtrl .ctrl-nav .owl-next{float:left;position:relative;left:inherit;right:inherit;top:inherit;margin: 0; width: 25px; height: 25px;}
.mainPop .dataCtrl .ctrl-nav .owl-prev{ background:url(../images/mainPop/btn_prev.png) no-repeat 50% 50%;}
.mainPop .dataCtrl .ctrl-nav .owl-next{ background:url(../images/mainPop/btn_next.png) no-repeat 50% 50%;}

.mainPop .dataCtrl .dataAuto{float: right;position: relative;width: 25px;}
.mainPop .dataSegm{position: absolute;top: 0;right: 75px;z-index: 9;background: rgba(0,0,0,0.8);border-radius: 0 0 0 10px;padding: 1px 5px 5px 10px;height: 30px;}
.mainPop .dataSegm span {display:inline-block;vertical-align:middle;box-sizing:border-box;position:relative;line-height:1;}
.mainPop .dataSegm .pres {/* font-weight:700; */color: #fff;}
.mainPop .dataSegm .linkTxt {color: rgba(255,255,255,0.4);}
.mainPop .dataSegm .total {font-weight:300;color: rgba(255,255,255,0.8);}
.mainPop .dataCtrl .dataAuto .btn.play,
.mainPop .dataCtrl .dataAuto .btn.stop{width: 25px; height: 25px;}
.mainPop .dataCtrl .dataAuto .btn.play{display:none;background: url('../images/mainPop/btn_stop.png') no-repeat 50% 50%;}
.mainPop .dataCtrl .dataAuto .btn.stop{background: url('../images/mainPop/btn_stop.png') no-repeat 50% 50%;}
.mainPop .dataCtrl .ctrl-nav .owl-prev:focus,
.mainPop .dataCtrl .ctrl-nav .owl-next:focus,
.mainPop .dataCtrl .dataAuto .btn.play:focus, 
.mainPop .dataCtrl .dataAuto .btn.stop:focus{outline-color:#df2d32 !important; }

.mainPop .popB{overflow:hidden;color:#fff;padding: 0; text-align: center;}
.mainPop .popB label,
.mainPop .popB button{position:relative;text-align: center;background-color: #000;color: #ddd;cursor: pointer;border: 0;line-height:35px !important;height: 35px !important;font-weight: 300;font-size: 13px  !important;}
.mainPop .popB input[type="checkbox"] {transform: translateY(0%);background:#000 url(../images/mainPop/i_chk.png) 0 0 no-repeat;background-size: 15px;width: 15px !important;height:15px !important;border: 0 !important;border-radius: 0;display: inline-block;outline: none;z-index: 10;cursor: pointer;margin: -3px 5px 0 0;-webkit-appearance: none;}
.mainPop .popB input[type="checkbox"]:checked { background-position: 0 -15px }
.mainPop .popB button{width: 30%;background-color: #df2d32;float:right;vertical-align: middle; color:#fff; display: block; position: relative;}
.mainPop .popB button img { margin:-3px 0 0 3px; position:relative; }
.mainPop .popB .fL{width: 70%;text-align: center;}
.mainPop .popB input:focus { outline-color:#df2d32 !important; }
.mainPop .popB button:before{content: "";display: block;position: absolute;width: 100%;height: 100%;left: 0;top: 0;box-sizing: border-box;border: 2px dashed #000;opacity: 0;z-index: 5;transition: all .3s ease;}
.mainPop .popB button:hover:before,
.mainPop .popB button:focus:before{ opacity:1;}

@media only screen and (max-width:450px){
	.mainPop { width:400px;margin:0 auto;}
}
@media only screen and (max-width:414px){
	.mainPop {width: 100%;}
}