@keyframes modal-video{0%{opacity:0}to{opacity:1}}@keyframes modal-video-inner{0%{transform:translateY(100px)}to{transform:translate(0)}}.modal-video{z-index:1000000;cursor:pointer;opacity:1;background-color:rgba(0,0,0,.5);width:100%;height:100%;transition:opacity .3s ease-out;animation-name:modal-video;animation-duration:.3s;animation-timing-function:ease-out;position:fixed;top:0;left:0}.modal-video-effect-exit{opacity:0}.modal-video-effect-exit .modal-video-movie-wrap{transform:translateY(100px)}.modal-video-body{box-sizing:border-box;justify-content:center;width:100%;max-width:960px;height:100%;margin:0 auto;padding:0 10px;display:flex}.modal-video-inner{justify-content:center;align-items:center;width:100%;height:100%;display:flex}@media (orientation:landscape){.modal-video-inner{box-sizing:border-box;padding:10px 60px}}.modal-video-movie-wrap{background-color:#333;width:100%;height:0;padding-bottom:56.25%;transition:transform .3s ease-out;animation-name:modal-video-inner;animation-duration:.3s;animation-timing-function:ease-out;position:relative;transform:translate(0)}.modal-video-movie-wrap iframe{width:100%;height:100%;position:absolute;top:0;left:0}.modal-video-close-btn{z-index:2;background:0 0;border:none;width:35px;height:35px;display:inline-block;position:absolute;top:-45px;right:0;overflow:hidden}@media (orientation:landscape){.modal-video-close-btn{top:0;right:-45px}}.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:"";background:#fff;border-radius:5px;width:100%;height:2px;margin-top:-6px;position:absolute;top:50%;left:0}