/*
   Source file:

   https://github.com/flowplayer/www/blob/master/content/media/css/playlist/classic.styl
*/
#classic{/* player (and playlist) background *//*background:#333 url("/media/img/demos/playlist/bakers.jpg")*/;}
#classic.is-loading{/* override background image when clip changes */background:#333}
#classic .fp-playlist{/* playlist */position:absolute;bottom:0%;left:11%;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;z-index:2;-webkit-box-shadow:0 0 30px #333;-moz-box-shadow:0 0 30px #333;box-shadow:0 0 30px #333;}
#classic .fp-playlist a{/* playlist entry */float:left;width:10px;height:10px;margin:0 60px;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;border:4px solid #333;background:url("/media/img/demos/playlist/thumbs.jpg") -1px -1px no-repeat;}
#classic .fp-playlist a:hover,#classic .fp-playlist a.is-active{border-color:#fff}
#classic .fp-playlist #thumb2{background-position:-197px -1px}
#classic .fp-playlist #thumb3{background-position:-393px -1px}
#classic .fp-playlist #thumb4{background-position:-589px -1px}
#classic.is-ready .fp-playlist,#classic.is-loading .fp-playlist{bottom:6%;left:1%;}
#classic.is-ready .fp-playlist a,#classic.is-loading .fp-playlist a{width:70px;height:70px}
@media (max-width: 900px){#classic .fp-playlist a{width:10px;height:10px}
}@media (max-width: 700px){#classic .fp-playlist a{width:10px;height:10px}
}@media (max-width: 570px){#classic .fp-playlist a{width:10px;height:10px}
}
/************************Lee************************/
#classic .fp-playlists{/* playlist */position:absolute;bottom:0%;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;z-index:2;-webkit-box-shadow:0 0 5px #333;-moz-box-shadow:0 0 30px #333;box-shadow:0 0 5px #333;}
#classic .fp-playlists a{/* playlist entry */float:left;width:10px;height:10px;margin:0 0px;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;border:4px solid #333;/*background:url("/media/img/demos/playlist/thumbs.jpg") -1px -1px no-repeat;*/}
#classic.is-ready .fp-playlists,#classic.is-loading .fp-playlists{bottom:6%;left:1%;}
#classic.is-ready .fp-playlists a,#classic.is-loading .fp-playlists a{width:70px;height:70px}
@media (max-width: 900px){#classic .fp-playlists a{width:10px;height:10px}
}@media (max-width: 700px){#classic .fp-playlists a{width:10px;height:10px}
}@media (max-width: 570px){#classic .fp-playlists a{width:10px;height:10px}
}