@charset "UTF-8";


.lightpopup { position:fixed; top:0; left:0; width:100%; height:100%; z-index:99999;}
.lightpopup .mask { background:rgba(0,0,0,0.6); position:absolute; width:100%; height:200%;}
.lightpopup .popup-content { width:auto; height:auto; position:absolute; top:50%; left:50%; transform: translateY(-50%) translateX(-50%); background-color:transparent; }
/* .lightpopup .close { position: absolute; right:0px; top:-80px; display:block; width:70px; height:70px; background:#000; background:url(../images/popup_close.png) no-repeat center top; z-index:10; cursor:pointer;} */
.popup-content.layoutScroll { max-width:90%; }
.popup-content.layoutScroll .popup-content-inner { max-width:100%; max-height:90vh; overflow-y:auto; background: #FFF; margin-top:30px;}
.lightpopup .close { position:absolute; right:0px; top:-20px; display:block; z-index:1; border-radius:10px; background:url(../images/popup_close.png) no-repeat right center; background-size:33px auto; -webkit-background-size:33px auto; display:block; width:130px; height:43px; cursor:pointer;}
.lightpopup .close:before { content:'CLOSE'; color:#fff; font-size:2.4rem; line-height:43px; }
.lightpopup .close:hover { opacity:0.5;}
	
.lightpopup .popup-content-inner {}
.lightpopup .popup-content-inner.loading {}
.lightpopup .popup-content-inner .popup-data {}
.lightpopup .popup-image { width:auto; height:auto; }
.lightpopup a.prev { display:block; position:absolute; top:50%; margin-top:-37px; left:-42px; background:url(../images/arrow-l.png) no-repeat center center; -webkit-background-size:21px auto; -moz-background-size:21px auto; -ms-background-size:21px auto; -o-background-size:21px auto; background-size:21px auto; width:42px; height:74px; text-indent:-9999px; z-index:10;}
.lightpopup a.next { display:block; position:absolute; top:50%; margin-top:-37px; right:-42px; background:url(../images/arrow-r.png) no-repeat center center; -webkit-background-size:21px auto; -moz-background-size:21px auto; -ms-background-size:21px auto; -o-background-size:21px auto; background-size:21px auto; width:42px; height:74px; text-indent:-9999px; z-index:10;}
.lightpopup .popup-content iframe { max-width:1280px; max-height:720px;}
.lightpopup a.hover { opacity:0.5; }

.lightpopup.prevnext_position_out a.prev { left:40px;}
.lightpopup.prevnext_position_out a.next { right:40px;}








@media screen and (max-width: 750px) {
		
	.lightpopup {}
	.lightpopup .mask {}
	.lightpopup .popup-content {}
	.lightpopup .popup-content-inner {}
	.lightpopup .popup-content-inner.loading {}
	.lightpopup .popup-content-inner .popup-data {}
	.lightpopup iframe { }
	.lightpopup .popup-content.layoutScroll { max-width:90%; margin:0 auto; max-height:95vh;}
	.lightpopup .popup-content.layoutScroll .popup-content-inner { max-height:85vh; margin-top:20px;}
	.lightpopup .close { top:-10px; background-size:20px auto; -webkit-background-size:20px auto; width:70px; height:30px;}
	.lightpopup .close:before { content:'CLOSE'; color:#fff; font-size:1.4rem; line-height:30px; }
	.lightpopup .popup-image { max-width:78vw; max-height:70vh; }
	.layoutScroll .popup-content-inner { }
	.layoutScroll.popup-content { }
	.lightpopup .popup-content iframe.infoIframe { }
	.lightpopup.prevnext_position_out a.prev { left:0; width:0.080rem; height:0.080rem; margin-top:-0.040rem; background-size:0.040rem auto;}
	.lightpopup.prevnext_position_out a.next { right:0; width:0.080rem; height:0.080rem; margin-top:-0.040rem; background-size:0.040rem auto;}

}