@charset "utf-8";
/*视频弹窗*/
.video_dialog{position: fixed; display: table; z-index: 2147483647; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; background: rgba(0, 0, 0, 0.5); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out;}
.video_dialog .video_content{position: relative; display: table-cell; width: 100%; height: 100%; padding: 3% 13%; vertical-align: middle; text-align: center;}
.video_dialog .video_content a.video_close{position: absolute; z-index: 1; top: 32px; right: 30px; display: block; width: 30px; height: 30px; overflow: hidden; margin: -15px; background: url(video_close.png) center no-repeat;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
.video_dialog .video_content .video-frame{position: relative; width: 915px;/* top: 40%;left: 50%;transform: translate(-50%, -50%);  -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); */ height:auto; overflow: hidden;  background:#fff; -webkit-box-shadow: 0 0 3em 0 rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 3em 0 rgba(0, 0, 0, 0.6); box-shadow: 0 0 3em 0 rgba(0, 0, 0, 0.6);margin:0 auto;overflow: hidden;}
.video_dialog .video_content .video-frame .video-frame-box{padding:2%;overflow: hidden;}
.video_dialog .video_content .video-frame iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; vertical-align: top;}
.video_dialog_over{overflow: hidden;}
.video_dialog .video_content video{width:100% !important;}
.video_close_btn{display: block;background:#E50B1E;color:#fff;transition: all 0.2s; width: 160px; height: 36px; display:block;line-height:36px; text-align:center; margin:0 auto 20px auto; }
.video_title{text-align:center; margin:0 auto; font-size:24px; font-weight:500;line-height: 30px;white-space: nowrap;padding-top:20px}
.video_dialog .video_content a.video_close:hover{transform:rotate(-360deg);-moz-transform:rotate(-360deg);-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);}
.video_close_btn:hover{background: #ca3845;color: #fff;}

/***响应开始**/
@media screen and (max-width: 1080px){
	.video_dialog .video_content{padding:.3rem 0;}
	.video_title{font-size: 14px;}
	.video_dialog .video_content .video-frame{width:90%;}
}