video { cursor: pointer;}
.default {position: relative;font-size: 0; border-radius: 5px;cursor: pointer;height: 100%;}
.default:before { content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;border-radius: 5px;transition: opacity .2s;opacity: 1;visibility: visible;}
.default__button {background: none; border: 0;line-height: 1;color: #00CF7D;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: #00CF7D;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__controls {display: -ms-flexbox;display: flex;position: absolute;bottom: -47px;right: 0;left: 0;transition: all .3s;-ms-flex-wrap: wrap;flex-wrap: wrap;font-size: 32px;-ms-flex-align: center;align-items: center; -ms-transform: translateY(0);transform: translateY(0);-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:hover .default__controls {-ms-transform: translateY(0);transform: translateY(0);}
.default__controls > * {-ms-flex: 1;flex: 1;}
.default .progress .progress__filled{position:relative;}
.default .progress .progress__filled:after{content:""; width:6px;height:6px;position:absolute;right:0px;top:-2px;background:#3960e4;border-radius:3px;}
.default .progress {position: relative;display: -ms-flexbox;display: flex;height:2px;transition: height 0.3s;background: rgba(0, 0, 0, 0.5); cursor: pointer;border-radius: 4px;}
.default .progress__filled {width: 0%;background: #00CF7D;background: #ffffff;-ms-flex: 0; flex: 0;-ms-flex-preferred-size: 0%; flex-basis: 0%;border-radius: 4px;}
video::-webkit-media-controls-enclosure {display: none !important;}
.Play .ckin-play{display:block;width:77px;height:77px; background: url(2023_jdcdj_img09.png)no-repeat center;border-radius:39px;}
.Play .ckin-pause{display:block;width:77px;height:77px; background: url(2023_jdcdj_img09a.png)no-repeat center;border-radius:39px;}
.ckin-backward{display:block;width:12px;height:12px; background: url(2023_jdcdj_img10.png)no-repeat center;}
.ckin-play{display:block;width:30px;height:30px; background: url(2023_jdcdj_img11.png)no-repeat center;}
.ckin-pause{display:block;width:30px;height:30px; background: url(2023_jdcdj_img15.png)no-repeat center;}
.ckin-forward{display:block;width:12px;height:12px; background: url(2023_jdcdj_img12.png)no-repeat center;}
.ckin-volume-medium{display:block;width:21px;height:21px; background: url(2023_jdcdj_img13.png)no-repeat center;}
.ckin-volume-mute{display:block;width:21px;height:21px; background: url(2023_jdcdj_img14.png)no-repeat center;}
.Play .ckin-play:before{display:none;}
.default .progress{background: #d6d6d6;}
.ckin-volume-low{display:block;width:21px;height:21px; background: url(2023_jdcdj_img14a.png)no-repeat center;}
.default .progress .progress__filled{background:#3960e4;}