body, html{padding: 0; margin: 0; width: 100%; height: 100%; overflow: hidden; font-size: 100%;}
img {padding: 0; margin: 0;}
.player{height: 100%; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.player .video{width: 100%; height: 80%; overflow: hidden; display: block; float: left; position: absolute;}
.player .playlist{position: absolute; display: block; float: right; bottom: 0; width: 100%; height: 20%; max-height: 20%; background: #3d4345;  box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding:0 30px; overflow: hidden; z-index: 5}
.player .playlist img{border: 2px solid #1e2526;}
.player .playlist .videos-list{width: 10000px; height: 100%; overflow: hidden; position: absolute; left: 30px; }
.player .playlist .videos-list .videos{position: relative; display: inline; height: 100%}
.player .playlist .videos-list .videos img{height: 84%; display: block; float: left; margin: 0.5em 0.2em 0.8em 0.2em; cursor: pointer; }
.player .playlist .videos-list .videos span{display: block; cursor: pointer;  position: relative; float: left; font-family: Arial; font-weight: bold; color: #fff; background: #1e2526; font-size: 11px; padding: 4px 28px 2px 8px; opacity: 0.8; height: 28px; overflow: hidden; line-height: 14px;}
.player .playlist .videos-list .videos .time{display: block; padding: 0; margin: 0; font-weight: normal; font-size: 9px;  background: none;}
.player .playlist .videos-list .videos:hover img{border:2px solid #1e2526; }
.player .playlist .videos-list .active {position: relative; display: inline; width: auto;}
.player .playlist .videos-list .backlight{padding: 5px 10px 5px 10px; background: #1e2526 ; position: absolute; display: none; z-index: -1}
.player .playlist .videos-list .active .play{display:none;}
.player .playlist .videos-list .active img{height: 84%; display: block; float: left; margin: 0.5em 0.2em 0.8em 0.2em; border:2px solid #2e8dcd ;}
.player .playlist .videos-list .active span{font-family: Arial; float: left; font-weight: bold; display: block; width:auto; color: #fff; background: #2e8dcd ; font-size: 11px; padding: 4px 28px 2px 8px; opacity: 0.8; height: 28px; overflow: hidden; line-height: 14px;}
.player .playlist .videos-list .active .time{ padding: 0; margin: 0; font-weight: normal; font-size: 9px; background: none; }
.player .playlist .top{position: absolute; top: 0; left:0; width: 30px; height: 100%; background: url('../../i/playlist_left.png') no-repeat center; z-index: 90;}
.player .playlist .bottom{position: absolute; bottom: 0; right: 0; width: 30px; height: 100%; background: url('../../i/playlist_right.png') no-repeat center; z-index: 90;}