.video-player{position:relative;height:auto;background:#000;height:100%;cursor:pointer;overflow:hidden;font-family:Roboto}.video-player .player-btn{position:absolute;color:#fff;z-index:2;font-size:18px;padding:6px}.video-player.custom-fullscreen{object-fit:contain;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;box-sizing:border-box!important;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important;width:100%!important;height:100%!important;transform:none!important;margin:0!important;z-index:999999999!important}.video-player .mute-btn{right:9px;bottom:9px}.video-player .mute-btn:hover .volume-change{display:block}.video-player .mute-btn .volume-change{display:none;transform:rotate(270deg);width:100px;position:absolute;left:-36px;bottom:67px;background:rgba(0,0,0,.5);padding:5px 10px 5px 5px;border-radius:5px}.video-player .mute-btn .volume-change input{z-index:8;position:relative;background:transparent;cursor:pointer}.video-player .mute-btn .volume-active{position:absolute;height:6px;top:0;background:#2f80bd;border-radius:10px;z-index:2}.video-player .mute-btn .volume-grp{width:80px;height:6px;position:relative;top:-5px}.video-player .mute-btn .volume-grp:after{content:"";width:100%;height:6px;position:absolute;display:block;top:0;background:#92887e;border-radius:10px}.video-player .video-buffer-loader{display:none;position:absolute;border-radius:50%;width:50px;height:50px;z-index:11;top:calc(50% - 25px);left:calc(50% - 25px);border:3px solid;border-color:#fff #fff transparent;-webkit-animation:animate-inner 1.4s linear infinite;animation:animate-inner 1.4s linear infinite}@keyframes animate-inner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.video-player .play-btn{font-size:19px;top:50%;transform:translate(-50%,-50%);left:50%;padding:12px;background:rgba(0,0,0,.45);border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 5px rgba(0,0,0,.45)}.video-player .icon-SCLplay:before{position:relative;left:1px}.video-player video{width:100%;max-height:100%;cursor:pointer}.video-player .shadow{opacity:0;position:absolute;width:100%;height:100%;box-shadow:inset 0 0 36px 36px rgba(0,0,0,.6);top:0;left:0;transition:all .5s linear}.video-player .fullScreen-btn{right:9px;top:9px}.video-player.state-playing .hideable-controls{z-index:-1;opacity:0}.video-player.state-playing.state-show-controls .hideable-controls{z-index:3;opacity:1}.video-player.state-buffer-video .video-buffer-loader{display:block}.video-player.state-buffer-video .play-btn{z-index:3;opacity:1;border:none;box-shadow:0 0 0 8px rgba(0,0,0,.45)}.video-player .hideable-controls{opacity:1;transition:opacity .5s ease-out,z-index .5s ease-out}.video-player .video-progress{width:calc(100% - 40px);position:absolute;left:0;bottom:21px;height:5px;display:flex;justify-content:center;align-items:center;z-index:2}.video-player .video-progress input{width:100%;background:transparent;height:100%;z-index:2;position:absolute;margin:0;cursor:pointer}.video-player .video-progress input:hover~.hover-tint,.video-player .video-progress input:hover~.video-time{display:block}.video-player .video-progress .hover-tint{width:100%;z-index:1;height:100%;border-radius:6px;position:absolute;background:hsla(0,0%,100%,.45);display:none}.video-player .video-progress .current-time,.video-player .video-progress .total-time{color:#fff;z-index:2;font-size:12px;height:14px;margin:0 15px;display:flex;justify-content:flex-end;align-items:center;position:relative;font-weight:500}.video-player .video-progress .seek-bar{cursor:pointer;position:relative;width:100%;flex:1;height:100%}.video-player .video-progress .seek-bar:after{content:"";width:100%;height:100%;position:absolute;display:block;background:#92887e;border-radius:10px}.video-player .video-progress .seek-bar .progress-wrapper{position:absolute;left:0;width:100%;height:100%;border-radius:10px;overflow:hidden}.video-player .video-progress .seek-bar .buffer{position:absolute;top:0;height:100%;background:hsla(0,0%,100%,.6);z-index:1;border-radius:10px}.video-player .video-progress .seek-bar .played{height:100%;top:0;position:absolute;background:#fff;border-radius:10px;z-index:1}.video-player .video-progress .seek-bar .video-time{position:absolute;z-index:2;bottom:14px;padding:2px 5px;border-radius:4px;color:#fff;background:#000;font-size:14px;display:none;transform:translateX(-50%)}.video-player input[type=range]{width:100%;-webkit-appearance:none;-moz-apperance:none;border-radius:6px;height:5px}.video-player input[type=range]:focus{outline:none}.video-player input[type=range]::-webkit-slider-thumb{-webkit-appearance:none!important;background-color:#e9e9e9;height:14px;width:14px;border-radius:50%;border:none;box-shadow:0 2px 2px 0 rgba(0,0,0,.5)}.video-player.jd-web-player:hover .shadow{opacity:1}.video-player.jd-web-player .fullScreen-btn:hover,.video-player.jd-web-player .mute-btn:hover{border-radius:50%;background:hsla(0,0%,100%,.2)}.video-player.jd-web-player.full-screen-player .current-time{margin-left:20px}.video-player.jd-web-player.full-screen-player .total-time{margin-right:20px}.video-player.jd-web-player.full-screen-player .mute-btn{right:14px;bottom:14px}.video-player.jd-web-player.full-screen-player .fullScreen-btn{right:14px;top:14px;bottom:unset}.video-player.jd-web-player.full-screen-player .video-progress{bottom:26px;width:calc(100% - 45px)}.video-player.jd-web-player.full-screen-player [data-title]:hover:after{font-size:14px}.video-player.jd-mobile-player.player-ready input[type=range]::-webkit-slider-thumb{background-color:#e9e9e9;height:14px;width:14px;border-radius:50%}.video-player.jd-mobile-player.full-screen-player{display:flex;justify-content:center;align-items:center}.video-player.jd-mobile-player.full-screen-player video{min-height:unset;max-height:unset;height:100%}.video-player [data-title]:hover:after{content:attr(data-title);padding:6px 8px;font-size:12px;position:absolute;right:10px;top:100%;background:rgba(30,30,30,.9);border-radius:2px;white-space:nowrap;font-family:Roboto}.cursor-pointer{cursor:pointer}.icon-loader{-webkit-animation:rotation 2s linear infinite}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}}