.c-modal{position:fixed;left:0;right:0;top:0;bottom:0;z-index:99;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;opacity:0;visibility:hidden;-webkit-transition:opacity .3s,visibility .3s;-o-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s}.c-modal.show{opacity:1;visibility:visible}.c-modal.show .c-modal-container{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.c-modal-bg{position:absolute;left:0;top:0;z-index:0;width:100%;height:100%;background-color:#000;opacity:.5;cursor:pointer}.c-modal-container{max-width:92%;max-height:92%;overflow-y:initial;overflow-x:initial;background-color:#fff;position:relative;z-index:1;margin:0 auto;-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,0.2);box-shadow:0 2px 8px 0 rgba(0,0,0,0.2);-webkit-transform:scale(0.88);-ms-transform:scale(0.88);transform:scale(0.88);transition:-webkit-transform .3s;-webkit-transition:-webkit-transform .3s;-o-transition:transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.c-modal-close{position:absolute;right:24px;top:12px;z-index:1;font-size:18px;line-height:1;cursor:pointer;opacity:.6;transition:opacity .3s,-webkit-transform .3s;-webkit-transition:opacity .3s,-webkit-transform .3s;-o-transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s;color:#ccc}.c-modal-close:hover{opacity:1;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.c-modal-main{position:relative;z-index:0;display:none}.c-modal-main.active{display:block}.c-modal-main.videobox{width:800px;padding-bottom:56.25%;max-width:100%}.c-modal-main.videobox .video-js{position:absolute;left:0;top:0;width:100%;height:100%}.video-modal{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:fixed;left:0;right:0;top:0;bottom:0;z-index:99;opacity:0;visibility:hidden;-webkit-transition:opacity .3s,visibility .3s;-o-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s}.video-modal.show{opacity:1;visibility:visible}.video-modal .bg{position:absolute;left:0;top:0;z-index:0;width:100%;height:100%;background-color:#000;opacity:.6}.video-modal .main{width:92%;max-width:800px;background-color:#fff;position:relative;z-index:1;margin:0 auto;border-radius:5px;text-align:center;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,0.1);box-shadow:0 2px 12px 0 rgba(0,0,0,0.1);overflow:hidden}.video-modal .off{color:#ccc;font-size:28px;position:absolute;right:18px;top:18px;cursor:pointer}.video-modal .off:hover{color:#000}.video-modal .video-js{width:100%;height:auto;padding-bottom:56.25%}