.kk-online-video,.kk-online-video *{-moz-box-sizing:border-box;box-sizing:border-box}.kk-online-video{width:100%;position:relative;display:inline-block}.kk-online-video .kk-online-video-sizer{display:block;width:100%}.kk-online-video .kk-online-video-embed,.kk-online-video .kk-online-video-preview,.kk-online-video iframe{position:absolute;left:0;top:0;width:100%!important;height:100%!important}.kk-online-video .kk-online-video-preview{background-color:#000;background-position:center center;background-repeat:no-repeat;background-size:contain;cursor:pointer;display:flex;justify-content:center;align-items:center;flex-direction:column}.kk-online-video .kk-online-video-preview *{pointer-events:none}.kk-online-video .kk-online-video-play-button{background:rgba(0,0,0,.5);color:#fff;display:flex;align-items:center;justify-content:center;padding:15px;line-height:0;border-radius:7px;transition:background-color 150ms}.kk-online-video:hover .kk-online-video-play-button{background:rgba(0,0,0,.8)}.kk-online-video .kk-online-video-play-button:after{-moz-box-sizing:border-box;box-sizing:border-box;content:"";border:10px solid transparent;border-left:18px solid #fff;position:relative;left:6px}.kk-online-video .kk-online-video-embed-text{color:#fff;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.6));display:block;position:absolute;bottom:0;left:0;right:0;line-height:1.4;padding:15px 30px 15px 30px;text-align:center;font-size:15px;text-shadow:0 1px 5px rgba(0,0,0,.6);opacity:0;transition:opacity .3s;max-height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.kk-online-video:hover .kk-online-video-embed-text{opacity:1}.kk-online-video[data-provider=youtube]:hover .kk-online-video-play-button{background:red}.kk-online-video[data-provider=vimeo]:hover .kk-online-video-play-button{background:#08acef}