@charset "utf-8";
.video_dialog{position: fixed;  display: flex;align-items: center;justify-content: center;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;}
.video_dialog .video_content a.video_close{position: absolute; z-index: 10; top: 2px; right: 2px; display: block; width: 30px; height: 30px; overflow: hidden; margin: -15px; background: url(video_close.png) center no-repeat;}
.video_dialog .video_content .video-frame{position: relative; width: 100%;  margin: 0 auto; background: #1c1c1c; -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);}
.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{max-width:80vw;max-height:80vh;}

.img_dialog .video-frame{width:auto !important;display:inline-block;padding:20px;border-radius:10px;}
.img_dialog .video-frame img{max-width:80vw;max-height:80vh;}
.video_dialog .video_content .video-frame{width:7rem;height:6rem;}