.video-playlist { position:relative }
.video-playlist .playlist-title { line-height:40px; color:#FFF; margin:0; padding:0 10px; color:#FFF; background:#000 }
.video-playlist .playlist-wrapper { padding:0 10px 10px; color:#FFF; background:#000 }
.video-playlist .player { width:60%; float:left; margin:0 10px 0 0; position:relative }
.video-playlist .player video { display:block; width:100% } 
.video-playlist .playlist { overflow:hidden }
.video-playlist .playlist-pane { display:none }
.video-playlist .playlist-pane.active { display:block }
.video-playlist .playlist .item { padding:10px; color:#CCC; margin-bottom:5px; background:#333; cursor:pointer; border-radius:5px; -moz-transition:background .4s ease; -webkit-transition:background .4s ease; transition:background .4s ease }
.video-playlist .playlist .item:last-chid { margin-bottom:0 }
.no-touch 
.video-playlist .playlist .item:hover { background:#444 }
.video-playlist .playlist .item.active,
.no-touch 
.video-playlist .playlist .item.active { background:#555 }
.video-playlist .playlist .thumb { float:left; margin-right:10px; max-width:62px; max-height:46px; border:solid 1px #9F9F9F; overflow:hidden }
.video-playlist .playlist .thumb img { max-width:100% }
.video-playlist .playlist .item .video-title { font-size:1em; color:#CCC; text-decoration:none }
.video-playlist .playlist .item.active .video-title { color:#fff }

.video-playlist .pagination { height:20px; line-height:20px; position:absolute; right:10px; top:10px }
.video-playlist .pagination .prev,
.video-playlist .pagination .next { display:none; height:20px; line-height:20px; margin:0 5px; padding:0; vertical-align:top; color:#CCC; text-decoration:none; background:none; border:none }
.video-playlist .pagination .pagination-status { display:inline-block; vertical-align:top }
.video-playlist .pagination .prev.active,
.video-playlist .pagination .next.active { display:inline-block }

.video-playlist .video-info .video-title,
.video-playlist .video-info .video-desc { margin:10px 0 0 }

.video-playlist.m { padding-top:30px }
.video-playlist.m .playlist-title { display:none }
.video-playlist.m .playlist-wrapper { padding:0; background:none; color:inherit }
.video-playlist.m .player { width:100%; float:none; margin:0; background:#000 }
.video-playlist.m .pagination { display:none }
.video-playlist.m .video-info { position:absolute; left:0; right:0; top:0  }
.video-playlist.m .video-info .video-title { margin:0; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.video-playlist.m .video-info .video-desc { display:none !important }
.video-playlist.m .playlist .item { margin-bottom:0; border-top:solid 1px #353535; border-bottom:solid 1px #212121;-moz-border-radius:0; -webkit-border-radius:0; border-radius:0 }
.video-playlist.m .playlist-pane { display:block !important }

.more-playlists h3 { font-size:13px; font-weight:bold; line-height:20px; padding:5px; margin:0 0 10px; color:#FFF; background:#000 }