@keyframes modal-video{from{opacity:0}to{opacity:1}}
.modal-video{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);z-index:1000000;cursor:pointer;opacity:1;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.modal-video-close{opacity:0}
.modal-video-close .modal-video-movie-wrap{}
.modal-video-body{width:80%;height:75vh;margin:10vh auto 0;display:table}
.modal-video-inner{display:table-cell;vertical-align:middle;width:100%;height:75vh}
.modal-video-movie-wrap{
  width:100%;
  height:75vh;
  position:relative;
  padding-bottom: 0 !important;
  background-color:#333;
  animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video-inner;

  -webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-ms-transition:-ms-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}
.modal-video-movie-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;background-color: #000000;}
.modal-video-close-btn{position:absolute;z-index:2;top:-35px;right:-35px;display:inline-block;width:35px;height:35px;overflow:hidden;border:none;background:transparent}

/*
.modal-video-close-btn:before{transform:rotate(45deg)}
.modal-video-close-btn:after{transform:rotate(-45deg)}
.modal-video-close-btn:before,.modal-video-close-btn:after{content:'';position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:#fff;border-radius:5px;margin-top:-6px}
*/
.modal_movie_close{position: fixed;z-index: 2;bottom:45px;left:50%;transform: translateX(-50%);color: #FFFFFF;font-size: 16px;border: solid 2px #FFFFFF;border-radius: 8px;padding: 8px 25px}