.jp-audio,.jp-type-playlist{position:relative;width:100%;height:100%}.jp-interface{position:relative;width:100%;height:60px;padding:0 0 0 10px;background:rgba(0,0,0,0.75)}.jp-controls{position:relative;width:340px;height:60px;padding:10px 0;z-index:40}.jp-controls li{position:relative;float:left}.jp-controls a{display:block;position:relative;width:40px;height:40px}.jp-controls a:before{display:block;position:relative;width:40px;height:40px;padding:11px 0 0 0;text-align:center;font-family:'FontAwesome';font-size:inherit;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:30px}a.jp-play:before{content:"\f04b"}a.jp-pause:before{content:"\f04c"}a.jp-stop:before{content:"\f04d"}a.jp-previous:before{content:"\f048"}a.jp-next:before{content:"\f051"}a.jp-shuffle:before{content:"\f074"}a.jp-shuffle-off:before{content:"\f074"}a.jp-repeat:before{content:"\f01e"}a.jp-repeat-off:before{content:"\f01e"}a.jp-mute:before{content:"\f026"}a.jp-unmute:before{content:"\f027"}a.jp-volume-max:before{content:"\f028"}.jp-volume-bar{width:60px;height:20px;margin:10px 0 0 0;overflow:hidden;cursor:pointer}.jp-volume-bar-value{width:0;height:20px;background:#636363}.jp-volume-bar:hover{background:#636363}.jp-volume-bar:hover .jp-volume-bar-value{background:#fff}a.jp-show-playlist{display:block;position:absolute;top:0;right:0;width:60px;height:60px;z-index:40}a.jp-show-playlist:before{display:block;position:relative;width:60px;height:60px;text-align:center;padding:5px 0 0 0;font-family:'FontAwesome';font-size:inherit;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:40px;content:"\f0cb"}a.jp-show-playlist.jp-show-playlist_active{color:#000;background:#fff}.jp-progress{position:absolute;top:10px;left:0;width:100%;height:40px;padding:0 70px 0 350px;overflow:hidden;z-index:30}.jp-seek-bar{position:relative;width:0;height:100%;background:0;cursor:pointer;z-index:25}.jp-play-bar{width:0;height:100%;background:rgba(255,255,255,0.15)}.jp-seeking-bg{background:rgba(255,255,255,0.25)}.jp-current-time,.jp-duration{position:absolute;top:0;height:40px;line-height:40px;font-size:.7em;color:#636363;z-index:20}.jp-current-time{left:0;padding:0 0 0 360px}.jp-duration{right:0;padding:0 80px 0 0}.jp-playlist{position:relative;width:100%;max-height:80%;padding:0;overflow:auto;z-index:10}.jp-playlist ol{position:relative;width:100%;height:100%;padding:20px;list-style:decimal inside;background:#fff}.jp-playlist li{position:relative;width:100%;margin:0 0 5px 0;padding:6px 5px 6px 20px;font-size:1.2em;color:#000}.jp-playlist li div{display:inline-block}.jp-playlist li a{color:#000;background:0}.jp-playlist li.jp-playlist-current{color:#fff;background:#910000}.jp-playlist li.jp-playlist-current a{color:#fff}.jp-no-solution{display:none;margin:5px 0 0 0;padding:1px 0;text-align:center;font-size:1.3em;background:rgba(0,0,0,0.75)}@media screen and (max-width:620px){.jp-interface{padding:0 0 0 5px}.jp-controls{width:160px}.jp-progress{padding:0 65px 0 170px}.jp-current-time{left:0;padding:0 0 0 175px}.jp-duration{right:0;padding:0 70px 0 0}.jp-playlist ol{padding:10px}}