.video-box{ position: relative; width: 100%; line-height: 0; display: block; margin-bottom: 42px; }
.video-box:before{ position: absolute; top: 0px; left: 0px; z-index: 10; width: 100%; height: 100%; content: ""; background: url(../video/btn_video.png) center no-repeat; background-size: auto 30%; }

.popup{ 
	position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.50);  top: 0; left: 0; right: 0; bottom: 0; opacity: 0;
	-webkit-transition: all 1s; 
	-o-transition: all 1s;
	transition: all 1s; 
	 z-index: -100;
}

.popup-show{
	 z-index: 999999;
	opacity: 1;
	-webkit-transition: all 1s; 
	-o-transition: all 1s;
	transition: all 1s; 
}


.pop-video-box{ position: absolute; width: 64vw; height: 36vw; top:-moz-calc(50% - 18vw); top:-webkit-calc(50% - 18vw); top: calc(50% - 18vw); left: 18vw; }
.pop-center{ position: relative;  width: 100%; height: 100%; z-index: 1; }

.popup-close{ position: absolute; width: 54px; height:54px; right: 0px; top:-64px;  }
.popup-close:before{ 
	position: absolute; height: 2px; width: 54px; top: 26px; background: #FFFFFF; left: 0px;
	content: "";
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.popup-close:after{ 
	position: absolute; height: 2px; width: 54px; top: 26px; background: #FFFFFF; left: 0px;
	content: "";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media (max-width:991px) {
		.pop-video-box{ position: absolute; width: 100vw; height: 56vw; top:-moz-calc(50% - 28vw); top:-webkit-calc(50% - 28vw); top: calc(50% - 28vw); left: 0; }	
}