/*!
   ckin v0.0.1: Custom HTML5 Video Player Skins.
   (c) 2017 
   MIT License
   git+https://github.com/hunzaboy/ckin.git
*/@font-face{font-weight:400;font-style:normal;font-family:ckin;src:url(../fonts/ckin.eot?g02cfx);src:url(../fonts/ckin.eot?g02cfx#iefix) format("embedded-opentype"),url(../fonts/ckin.ttf?g02cfx) format("truetype"),url(../fonts/ckin.woff?g02cfx) format("woff"),url(../fonts/ckin.svg?g02cfx#ckin) format("svg")}[class*=" ckin-"],[class^=ckin-]{font-family:ckin!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ckin-compress:before{content:"\e901"}.ckin-expand:before{content:"\e900"}.ckin-play:before{content:"\ea1c"}.ckin-pause:before{content:"\ea1d"}.ckin-stop:before{content:"\ea1e"}.ckin-backward:before{content:"\ea1f"}.ckin-forward:before{content:"\ea20"}.ckin-volume-high:before{content:"\ea26"}.ckin-volume-medium:before{content:"\ea27"}.ckin-volume-low:before{content:"\ea28"}.ckin-volume-mute:before{content:"\ea2a"}body{letter-spacing:.02em;font-family:"Microsoft YaHei","Calibri Light",Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}video{width:100%;cursor:pointer}.ckin__player{margin-bottom:20px;letter-spacing:.02em;font-family:"Helvetica Neue","Calibri Light",Roboto,sans-serif}.ckin__player.ckin__fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000000;display:-ms-flexbox;display:flex;width:100%;height:100%;border-radius:0!important;background:#000}.ckin__overlay{position:relative}.ckin__overlay:before{background:radial-gradient(ellipse at center,transparent 0,rgba(0,0,0,.65) 100%)}.ckin__overlay--2:before{background:rgba(24,24,24,.8)}.default{position:relative;overflow:hidden;border-radius:5px;font-size:0;cursor:pointer;text-indent: 0;width: 80%;margin: 0 auto;}.default:before{position:absolute;top:0;right:0;bottom:0;left:0;visibility:visible;border-radius:5px;content:'';opacity:1;transition:opacity .2s}.default__title{position:absolute;top:20px;left:20px;z-index:1;color:rgba(255,255,255,.8);font-style:italic;font-size:24px}.default__button{display:-ms-flexbox;font-size: 24px; display:flex;padding:0;max-width:50px;outline:0;border:0;background:0 0;color:#ff5722;line-height:1;cursor:pointer;-ms-flex-pack:center;justify-content:center}.default__button i{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.default__button--big{position:absolute;top:50%;left:50%;visibility:visible;padding:0;outline:0;border:0;background:0 0;color:#f44336;text-align:center;font-size:64px;line-height:1;opacity:1;cursor:pointer;transition:all .2s;transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);-ms-touch-action:manipulation;touch-action:manipulation}.default__slider{width:10px;height:30px}.default__controls{position:absolute;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;padding:10px;border-radius:0 0 5px 5px;font-size:32px;transition:all .3s;transform:translateY(0);-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-transform:translateY(0);-ms-flex-pack:justify;justify-content:space-between}.default.is-playing:before{visibility:hidden;opacity:0;transform:translate(-50%,-50%) scale(1.3);-ms-transform:translate(-50%,-50%) scale(1.3)}.default.is-playing .default__button--big{visibility:hidden;opacity:0}.default.is-playing .default__controls{transform:translateY(52px);-ms-transform:translateY(52px)}.default.is-playing:hover .default__controls{transform:translateY(0);-ms-transform:translateY(0)}.default__controls>*{-ms-flex:1;flex:1}.default .progress{position:relative;display:-ms-flexbox;display:flex;height:10px;border-radius:4px;background:rgba(0,0,0,.5);cursor:pointer;transition:height .3s}.default .progress__filled{width:0%;border-radius:4px;background:#f44336;-ms-flex:0;flex:0;-ms-flex-preferred-size:0;flex-basis:0%}.minimal{position:relative;overflow:hidden;border:0 solid rgba(0,0,0,.2);border-radius:5px;box-shadow:0 0 20px rgba(0,0,0,.2);font-size:0;cursor:pointer}.minimal:before{position:absolute;top:0;right:0;bottom:0;left:0;visibility:visible;border-radius:5px;content:'';opacity:1;transition:opacity .2s}.minimal__title{position:absolute;top:20px;left:20px;z-index:1;color:rgba(255,255,255,.8);font-style:italic;font-size:24px}.minimal__button{display:-ms-flexbox;display:flex;padding:0;max-width:50px;outline:0;border:0;background:0 0;color:#00cf7d;line-height:1;cursor:pointer;-ms-flex-pack:center;justify-content:center}.minimal__button i{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.minimal__button--big{position:absolute;top:50%;left:50%;visibility:visible;padding:0;outline:0;border:0;background:0 0;color:#00cf7d;text-align:center;font-size:64px;line-height:1;opacity:1;cursor:pointer;transition:all .2s ease-in;transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);-ms-touch-action:manipulation;touch-action:manipulation}.minimal__slider{width:10px;height:30px}.minimal__controls{position:absolute;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;padding:10px;border-radius:0 0 5px 5px;background:#242424;font-size:32px;transition:all .3s;transform:translateY(0);-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-transform:translateY(0);-ms-flex-pack:justify;justify-content:space-between}.minimal.is-playing:before{visibility:hidden;opacity:0}.minimal.is-playing .minimal__button--big{visibility:hidden;opacity:0;transform:translate(-50%,-50%) scale(1.3);-ms-transform:translate(-50%,-50%) scale(1.3)}.minimal.is-playing .minimal__controls{transform:translateY(52px);-ms-transform:translateY(52px)}.minimal.is-playing:hover .minimal__controls{transform:translateY(0);-ms-transform:translateY(0)}.minimal__controls>*{-ms-flex:1;flex:1}.minimal .progress{position:relative;display:-ms-flexbox;display:flex;height:10px;border-radius:4px;background:rgba(0,0,0,.5);cursor:pointer;transition:height .3s}.minimal .progress__filled{width:0%;border-radius:4px;background:#00cf7d;-ms-flex:0;flex:0;-ms-flex-preferred-size:0;flex-basis:0%}.compact{position:relative;overflow:hidden;border:0 solid rgba(0,0,0,.2);border-radius:5px;box-shadow:0 0 20px rgba(0,0,0,.2);font-size:0;cursor:pointer}.compact:before{position:absolute;top:0;right:0;bottom:0;left:0;visibility:visible;border-radius:5px;content:'';opacity:1;transition:opacity .2s}.compact__title{position:absolute;top:20px;left:20px;z-index:1;color:rgba(255,255,255,.8);font-size:24px}.compact__button{display:-ms-flexbox;display:flex;padding:0;max-width:50px;outline:0;border:0;background:0 0;color:#00cf7d;line-height:1;cursor:pointer;-ms-flex-pack:center;justify-content:center}.compact__button i{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.compact__button--big{position:absolute;top:50%;left:50%;visibility:visible;padding:0;outline:0;border:0;background:0 0;color:#00cf7d;text-align:center;font-size:64px;line-height:1;opacity:1;cursor:pointer;transition:all .2s ease-in;transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);-ms-touch-action:manipulation;touch-action:manipulation}.compact__slider{width:10px;height:30px}.compact__controls{position:absolute;right:0;bottom:0;left:50%;display:-ms-flexbox;display:flex;padding:10px;max-width:400px;border-radius:5px;background:#242424;font-size:32px;transition:all .3s;transform:translateY(-20px) translateX(-50%);-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-transform:translateY(-20px) translateX(-50%);-ms-flex-pack:justify;justify-content:space-between}.compact.is-playing:before{visibility:hidden;opacity:0}.compact.is-playing .compact__button--big{visibility:hidden;opacity:0;transform:translate(-50%,-50%) scale(1.3);-ms-transform:translate(-50%,-50%) scale(1.3)}.compact.is-playing .compact__controls{transform:translateY(52px) translateX(-50%);-ms-transform:translateY(52px) translateX(-50%)}.compact.is-playing:hover .compact__controls{transform:translateY(-20px) translateX(-50%);-ms-transform:translateY(-20px) translateX(-50%)}.compact__controls>*{-ms-flex:1;flex:1}.compact .progress{position:relative;display:-ms-flexbox;display:flex;height:10px;border-radius:4px;background:rgba(0,0,0,.5);cursor:pointer;transition:height .3s}.compact .progress__filled{width:0%;border-radius:4px;background:#00cf7d;-ms-flex:0;flex:0;-ms-flex-preferred-size:0;flex-basis:0%}@media (max-width:480px){.ckin__player button{font-size:18px}}video::-webkit-media-controls-enclosure{display:none!important}