::-webkit-scrollbar{width:6px;height:6px;background-color:#f5f5f5}::-webkit-scrollbar-track{background-color:#fff}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px}::-webkit-scrollbar-thumb{background-color:#aaa}.player-demo{min-height:100%;color:#f3f3f3;background:#2c3134}.player-demo .header{height:58px;background-color:#373d41}.player-demo .header img{margin-top:20px}.player-demo .main-content{width:1000px;margin:0 auto}.player-demo .main-content .m-left{float:center;width:1000px}.player-demo .main-content .m-left .vd-type{margin-top:15px}.player-demo .main-content .m-left .vd-type .wrap{float:left;border:1px solid #73777a}.player-demo .main-content .m-left .vd-type a{font-size:18px;color:#fff;letter-spacing:0;text-align:center;width:105px;height:38px;display:block;float:left;line-height:38px;cursor:pointer}.player-demo .main-content .m-left .vd-type a.active{background:#30adf2}.player-demo .main-content .m-left .player-olympic{height:550px;background:#fff;margin-top:62px;position:relative;background-color:#2c3134}.player-demo .main-content .m-left .player-olympic .prism-progress-cursor{background-position:50%}.player-demo .main-content .m-left .player-olympic .az-loading{line-height:485px}.player-demo .main-content .m-left .player-olympic .prism-player .prism-big-play-btn{top:50%!important;left:50%!important;margin-top:-32px;margin-left:-32px}.player-demo .main-content .m-left .player-olympic .prism-player .prism-fullscreen-btn{width:38px;height:38px;margin-top:7px!important;margin-right:15px!important}.player-demo .main-content .m-left .player-olympic .prism-player .prism-volume{margin-right:15px!important}.player-demo .main-content .m-left .player-olympic .prism-player .prism-cc-btn,.player-demo .main-content .m-left .player-olympic .prism-player .prism-setting-btn{margin-right:25px!important}.player-demo .main-content .m-left .player-olympic .prism-player .prism-volume-control{left:auto!important;right:165px}.player-demo .main-content .m-left .player-olympic.player-olympic-sm-screen .prism-player .prism-volume-control{left:auto!important;right:125px}.player-demo .main-content .m-left .player-olympic.player-olympic-sm-screen .prism-player .prism-fullscreen-btn{margin-top:15px!important;width:24px;height:24px}.player-demo .main-content .m-left .player-olympic.player-olympic-sm-screen .prism-player .prism-thumbnail{border:none}.player-demo .main-content .m-left .player-olympic.player-olympic-sm-screen .prism-player .prism-play-btn{width:28px;height:28px}.player-demo .main-content .m-left .player-olympic.player-olympic-sm-screen .player-olympic-player-next{width:24px;height:28px}.player-demo .main-content .m-left .player-olympic.player-olympic-sm-screen .prism-volume{margin-top:14px!important;margin-right:12px!important}.player-demo .main-content .m-left .player-olympic.player-olympic-sm-screen .prism-player .prism-volume .volume-icon{width:27px;height:26px;background-repeat:no-repeat}.player-demo .main-content .m-left .player-olympic.player-olympic-sm-screen .prism-player .prism-volume .volume-icon .short-horizontal{width:2px;height:7px}.player-demo .main-content .m-left .player-olympic.player-olympic-sm-screen .prism-player .prism-volume .volume-icon .long-horizontal{width:2px;height:13px}.player-demo .main-content .m-left .player-olympic.player-olympic-sm-screen .prism-player .prism-volume .volume-icon.mute .long-horizontal,.player-demo .main-content .m-left .player-olympic.player-olympic-sm-screen .prism-player .prism-volume .volume-icon.mute .short-horizontal{height:13px;top:7px}.player-demo .main-content .m-left .player-olympic.player-olympic-sm-screen .prism-player .prism-cc-btn{height:24px;width:20px;margin-top:14px!important;margin-right:22px!important}.player-demo .main-content .m-left .player-olympic.player-olympic-sm-screen .prism-player .prism-setting-btn{width:20px;height:22px;margin-top:15px!important;margin-right:23px!important}.player-demo .main-content .m-left .player-olympic.player-olympic-sm-screen .prism-time-display{margin-top:4px!important;margin-left:20px!important}.player-demo .main-content .m-left .vd-info{padding:20px 0}.player-demo .main-content .m-left .vd-info .vd-title{font-size:20px;color:#fff;letter-spacing:0;text-align:left;font-weight:700}.player-demo .main-content .m-left .vd-info .vd-duration{font-size:20px;color:#c3c5c6;letter-spacing:0;text-align:left}.player-demo .main-content .m-left .vd-info .vd-duration.live{color:#fc4347}.player-demo .main-content .m-left .vd-info .vd-duration .icon-time{font-size:20px;margin-right:5px}.player-demo .main-content .m-left .vd-split{border-bottom:1px solid #73777a}.player-demo .main-content .m-left .vd-intro{font-size:14px;color:#fff;letter-spacing:0;line-height:22px;text-align:left;padding:22px 0}.player-demo .main-content .m-right{float:right;width:412px}.player-demo .main-content .m-right .play-list{margin-top:20px;font-size:20px;color:#fff;letter-spacing:0;text-align:left;margin-bottom:20px;line-height:24px}.player-demo .main-content .m-right .play-content{height:485px;overflow-y:scroll}.player-demo .main-content .m-right .play-content .item{margin-bottom:8px;cursor:pointer}.player-demo .main-content .m-right .play-content .img-wrap{float:left;height:100px;position:relative;width:175px}.player-demo .main-content .m-right .play-content .img-wrap img{display:block;width:175px;height:100px}.player-demo .main-content .m-right .play-content .img-wrap .video-time{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:rgba(0,0,0,.8);bottom:5px;color:#fff;display:block;font-size:12px;font-weight:700;padding:0 5px;position:absolute;right:5px;text-align:right}.player-demo .main-content .m-right .play-content .img-wrap .play-cover{position:absolute;display:none;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAUJJREFUSA1jYBgF5ITAmzdvNn348EGRHL1E6Xn95s1/IP729u3b2v///7MTpQmHIkZs4iALkMTvMDEy5goLC+9AEiOayUSESpV///9vf/P27bp3797JEaEeRQkxFoA1AIMq8O+/f9eB8VMJZLOhmIKHQ0wQYWgHaroJFMwRERHZgyGJJkC0D5D1ASNIHYh3v377diXQR9LIcuhssiyAG/L/fxjQohtAi0qAwcYKF0dikBVESPrhTEZGxmv/mZiyRQUFD8AFgQzKfIBsEg42Cw5xUoS/MDAyNgoLCU0E+uI3ukbKLGBkXMX4/3+RiLDwU3SDYXyyLIAnU2FhgsmUVAu+AQ1vARYbvcDg+AVzJT6aaAuABq4HlkkFQkJCj/AZiC5HjAUUFXb4LPgOdHE70MVdQNf/RHcZRXyaVzgUuW7YaQYAs4ltjNik+noAAAAASUVORK5CYII=) 50% no-repeat;background-size:22px 22px}.player-demo .main-content .m-right .play-content .img-wrap:hover .play-cover{display:block}.player-demo .main-content .m-right .play-content .con-wrap{width:215px;float:right}.player-demo .main-content .m-right .play-content .con-wrap .title{-webkit-line-clamp:5;color:#fff;display:-webkit-box;font-size:16px;letter-spacing:0;line-height:18px;text-align:left;text-overflow:ellipsis;white-space:normal;max-height:92px;overflow:hidden}.player-demo .main-content .m-right .play-content .con-wrap .author{color:#c3c5c6;font-size:12px;letter-spacing:0;margin-top:8px;text-align:left}@media(max-width:768px){.player-demo .main-content{width:100%;padding:0 20px}.player-demo .main-content .m-left,.player-demo .main-content .m-right{width:100%}.player-demo .main-content .m-right .play-content .con-wrap{width:185px}}