@font-face {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");font-weight:normal;font-style:normal;}
[class^="ckin-"],[class*=" ckin-"] {font-family:'ckin' !important;speak:none;font-style:normal;font-weight:normal;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";}
video {width:100%;height:auto;cursor:pointer;}
.default {border:0 solid rgba(0,0,0,0.2);box-shadow:0 0 20px rgba(0,0,0,0.2);position:relative;font-size:0;overflow:hidden;cursor:pointer;}
.default:before {content:'';position:absolute;top:0;left:0;bottom:0;right:0;border-radius:5px;transition:opacity .2s;opacity:1;visibility:visible;}
.default__title {position:absolute;left:calc(50% - 170px);top:170px;z-index:1;font-size:24px;color:rgba(255,255,255,1); line-height:40px;}
.default__button {background:none;border:0;line-height:1;color:#ffffff;outline:0;padding:0;cursor:pointer;-ms-flex-pack:center;justify-content:center;display:-ms-flexbox;display:flex;max-width:50px;}
.default__button i {-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;}
.default__button--big {background:none;border:0;line-height:1;color:#ffffff;text-align:center;outline:0;padding:0;cursor:pointer;position:absolute;opacity:1;visibility:visible;top:50%;left:50%;-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);font-size:64px;transition:all .2s;-ms-touch-action:manipulation;touch-action:manipulation;}
.default__slider {width:10px;height:30px;}
.default__controls {display:-ms-flexbox;display:flex;position:absolute;bottom:0;right:0;left:0;transition:all .3s;-ms-flex-wrap:wrap;flex-wrap:wrap;background:linear-gradient(to top,rgba(0,0,0,0.65) 0%,transparent 100%);font-size:32px;-ms-flex-align:center;align-items:center;padding:10px;-ms-transform:translateY(52px);transform:translateY(52px);-ms-flex-pack:justify;justify-content:space-between;border-radius:0 0 5px 5px;}
.default.is-playing:before {opacity:0;visibility:hidden;-ms-transform:translate(-50%,-50%) scale(1.3);transform:translate(-50%,-50%) scale(1.3);}
.default.is-playing .default__button--big {opacity:0;visibility:hidden;}
.default.is-playing .default__controls {-ms-transform:translateY(52px);transform:translateY(52px);}
.default.is-playing:hover .default__controls {-ms-transform:translateY(0);transform:translateY(0);}
.default__controls > * {-ms-flex:1;flex:1;}
.default .progress {position:relative;display:-ms-flexbox;display:flex;height:10px;transition:height 0.3s;background:rgba(0,0,0,0.5);cursor:pointer;border-radius:4px;}
.default .progress__filled {width:0%;background:#ffffff;-ms-flex:0;flex:0;-ms-flex-preferred-size:0%;flex-basis:0%;border-radius:4px;}
button,input,select,textarea {font-family:inherit;font-size:100%;margin:0;}
.demo-section{ width:1088px; height:600px; margin:40px auto;}
.demo-section1{ width:100%; height:1007px;}

@media screen and (max-width: 960px) {	
.demo-section{ width:100%; height: auto; margin:10px auto;}
.demo-section1{ width:100%; height: auto;}
.default__title {position:absolute;left:calc(50% - 80px);top:20px;z-index:1;font-size:12px;color:rgba(255,255,255,1); line-height:26px;}
.default__title h2{ font-size:16px}
}