.video-wrap{position:relative}.video-main{overflow:auto;max-height:80vh}.video-main>div{overflow:hidden}.video-main .wrapper{margin-top:0;position:relative;width:100%;max-width:100%}.video-main .full{padding:0;border-bottom-width:1px;border-bottom-style:solid}.video-main .video-float{box-shadow:0 0 12px rgba(0,0,0,0.3)}.video-main .video-float.show-small{padding:12px;position:fixed;right:20px;bottom:20px;z-index:120;width:400px;height:auto !important}.video-main .video-float.show-small video{height:auto !important}.video-main .video-float .small-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.video-main .video-float .small-header .title{padding-right:12px}.video-main .video-float .small-header .title h4{overflow:hidden;display:block;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.video-main .video-float .small-header .close-small{display:inline-block;min-width:30px;width:30px;height:30px;border-radius:100%;display:flex;align-items:center;justify-content:center}.video-main .video-float .small-header .close-small:hover:before{color:#fff}.video-main .video-plyr-content{position:relative}.video-main .video-buttons button.light,.video-main .video-plyr-content.light{z-index:123}.video-main .bg{position:fixed;top:0;left:0;bottom:0;right:0;z-index:122;opacity:0;visibility:hidden}.video-main .bg.active{opacity:1;visibility:visible}.video-buttons{padding:20px;display:flex;flex-wrap:wrap;white-space:nowrap;position:relative}.video-buttons>div>button i{margin-right:6px}.video-buttons>div>button>*{display:inline-block;vertical-align:middle}.video-buttons>button{text-align:left;margin-right:16px}.video-buttons>button:last-child{margin-right:0}.video-buttons>button>*{display:inline-block;vertical-align:middle}.video-buttons>button i{margin-right:6px}.video-buttons>button input.switch{padding:0;margin-right:6px}.video-buttons .checkbox-switch .handle{top:3.5px}.video-buttons .separate{flex-grow:1}.html5-video-hint{position:relative}.html5-video-hint img{display:block;max-width:100%;width:100%}.html5-video-hint .hint-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.html5-video-hint .hint-content .hint-main{text-align:center}.html5-video-hint .hint-content .hint-main .iconfont{display:inline-block;font-size:36px;line-height:36px;padding:20px;border-radius:100%}.html5-video-hint .hint-content .hint-main span{display:block}.html5-video-hint .hint-content .hint-main span.hint{margin-top:20px;color:#fff;opacity:0.8}.html5-video-hint .hint-content .hint-main span.people{background:none;margin-top:4px}.html5-video-hint .hint-content .hint-main span.people b{margin:0 2px}.html5-video-hint .hint-content .hint-main button{padding:12px 30px;margin-top:20px}.html5-video-hint .capability-list{position:absolute;top:30px;left:30px;z-index:12}.html5-video-hint .capability-list h5{color:#fff;opacity:0.8}.html5-video-hint .capability-list>ul li{margin-top:8px}.html5-video-hint .capability-list>ul li label{min-width:48px;display:inline-block}.html5-video-hint .capability-list>ul li label i{display:inline-block;vertical-align:middle;margin-right:4px}.html5-video-hint .capability-list>ul li span{color:#fff;opacity:0.6}.html5-video-hint .capability-list .user-group{margin-top:12px}.auto-next-video{position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;z-index:12;display:flex;justify-content:center;align-items:center}.auto-next-video .next-bg{z-index:0;position:absolute;top:0;bottom:0;left:0;right:0}.auto-next-video .next-video-content{position:relative;z-index:12}.auto-next-video .next-video-content .next{color:#fff;opacity:0.6}.auto-next-video .next-video-content h3{color:#fff;margin:12px 0}.auto-next-video .next-video-content button{padding:8px;min-width:100px;color:#fff;font-size:108%}.auto-next-video .loader-timer-icon{position:relative;margin-bottom:20px;transition:ease-in-out 5s}.auto-next-video .loader-timer-icon svg.loader-timer{width:72px;height:72px;display:block;margin:auto;pointer-events:none;transition:ease-in-out 5s}.auto-next-video .loader-timer-icon svg.loader-timer .progress-timer{fill:rgba(255,255,255,0.3);stroke:#FFF;stroke-width:1.5px;stroke-dasharray:100;stroke-dashoffset:100;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform-origin:center;-webkit-transform-origin:center;-ms-transform-origin:center;transition:ease-in-out 5s}.auto-next-video .loader-timer-icon .next-icon{position:absolute;top:50%;left:50%;display:block;width:20px;height:20px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.auto-next-video .loader-timer-icon .next-icon:before{content:'';height:0;width:0;display:block;border:10px transparent solid;border-right-width:0;border-left-color:#fff;position:absolute;top:0;left:12px}.auto-next-video .loader-timer-icon .next-icon:after{content:'';height:20px;width:4px;display:block;background:#fff;position:absolute;top:0;left:3px}.auto-next-video.active svg.loader-timer .progress-timer{stroke-dashoffset:0}.video-catalog{position:absolute;top:0;right:-320px;bottom:60px;width:320px;z-index:12;opacity:0;visibility:hidden}.video-catalog.active{visibility:visible;opacity:1;right:0}.video-catalog .video-catalog-main{position:absolute;top:30px;bottom:30px;right:0;left:0;padding:0 30px;overflow-y:auto;display:flex;grid-gap:30px;flex-direction:column;justify-content:stretch;align-items:stretch;overflow-y:auto}.video-catalog h3{margin-bottom:12px}.video-catalog .analecta .buttons{display:flex;grid-gap:8px;flex-direction:row;justify-content:stretch;align-items:center;flex-wrap:wrap}.video-catalog .analecta .buttons button{width:36px;height:36px;line-height:12px;display:flex;grid-gap:4px;flex-direction:column;justify-content:center;align-items:center}.video-catalog .analecta .buttons button span.count{font-size:14px}.video-catalog .analecta .buttons button span.capability{transform:scale(.8, .8);-ms-transform:scale(.8, .8);-moz-transform:scale(.8, .8);-webkit-transform:scale(.8, .8);-o-transform:scale(.8, .8)}.video-catalog .analecta .buttons button.no-free{padding-top:6px}.video-catalog .analecta .buttons button.active span.count,.video-catalog .analecta .buttons button:hover span.count{color:#fff}.video-catalog .analecta .buttons button.active span.capability,.video-catalog .analecta .buttons button:hover span.capability{color:rgba(255,255,255,0.6)}.video-catalog .catalog ul{margin-bottom:30px}.video-catalog .catalog ul li{padding:4px 4px 4px 12px;line-height:30px;border-bottom-width:1px;border-bottom-style:solid;position:relative;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex}.video-catalog .catalog ul li:before{top:15px}.video-catalog .catalog ul li a{height:30px;flex-grow:1;overflow:hidden;display:block;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;padding-right:8px}.video-catalog .catalog ul li span{white-space:nowrap}.video-catalog .salong-loading{position:absolute;top:100px;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}.video-catalog .salong-loading span{display:block;margin-top:60px}.video-confirm{position:relative}.video-confirm .bg{position:absolute;visibility:visible;opacity:1}.video-confirm .post-loading{position:absolute;top:0;left:0;right:0;bottom:0;z-index:123;display:flex;align-items:center;justify-content:center}.video-confirm img{display:block;max-width:100%}