@keyframes modal-video{0%{opacity:0}to{opacity:1}}@keyframes modal-video-inner{0%{transform:translateY(100px)}to{transform:translate(0)}}.modal-video{left:0;opacity:1;animation-timing-function:ease-out;animation-duration:.3s;z-index:1000000;cursor:pointer;position:fixed;top:0;animation-name:modal-video;height:100%;-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;background-color:rgba(0,0,0,.5);width:100%}.modal-video-close{opacity:0}.modal-video-close .modal-video-movie-wrap{-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);transform:translateY(100px)}.modal-video-body{margin:0 auto;display:table;height:100%;max-width:940px;width:100%}.modal-video-inner{vertical-align:middle;display:table-cell;height:100%;width:100%}.modal-video-movie-wrap{-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0);transform:translate(0);animation-timing-function:ease-out;animation-duration:.3s;padding-bottom:56.25%;position:relative;animation-name:modal-video-inner;height:0;-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;background-color:#333;width:100%}.modal-video-movie-wrap iframe{left:0;position:absolute;top:0;height:100%;width:100%}.modal-video-close-btn{border:none;right:-35px;display:inline-block;overflow:hidden;z-index:2;position:absolute;top:-35px;height:35px;background:transparent;width:35px}.modal-video-close-btn:before{transform:rotate(45deg)}.modal-video-close-btn:after{transform:rotate(-45deg)}.modal-video-close-btn:after,.modal-video-close-btn:before{left:0;margin-top:-6px;border-radius:5px;position:absolute;top:50%;height:2px;background:#fff;content:"";width:100%}