div.jp-single-player{font-size:1em;	line-height:1.6; width:500px; height:300px; margin:10px auto;}
div.jp-interface {position:relative; height: 220px; width:500px; background:left top no-repeat;}
div.jp-progress {position:absolute; overflow:hidden; background:rgba(0,0,0,0.5); width:500px; height:220px; outline:1px solid #8fa7ab;}
div.jp-load-bar {width:0px; height:220px; cursor: pointer;}
div.jp-play-bar {background:left top no-repeat; width:500px; height:220px;}
div.jp-single-player a.jp-play, div.jp-single-player a.jp-pause {left:160px; top:225px;}
div.jp-single-player a.jp-stop {left:205px; top:230px;}
a.jp-play, a.jp-pause {top:0px;	width:40px;	height:40px;}
div.jp-volume-bar {position:absolute; overflow:hidden; top:245px; background:#232323; width:97px; height:8px; cursor: pointer; left:250px;}
div.jp-interface ul.jp-controls {list-style-type:none; padding:0; margin:0;}
div.jp-interface ul.jp-controls li {position: absolute; list-style-type:none;}
div.jp-interface ul.jp-controls a {position: absolute; overflow:hidden;	text-indent:-9999px;}
div.jp-single-player a.jp-volume-max {left:346px;}
div.jp-playlist-player a.jp-volume-max {left:368px;}
div.jp-volume-bar-value {background: #8fa7ab; width:0px; height:8px;}
div.jp-single-player a.jp-volume-min {display: none;}
div.jp-playlist-player a.jp-volume-min {left:296px;}
div.jp-play-time {position:absolute; top:170px; left:10px; color:#ffffff; letter-spacing:-2px; opacity:0.50; filter:alpha(opacity=50); font-size:200%; pointer-events:none;}
div.jp-total-time {text-align:right; position:absolute; top:170px; color:#000000; right:10px; letter-spacing:-2px; font-size:200%;	opacity: 0.50; filter: alpha(opacity=50); pointer-events:none;}
a.jp-play {background: url("audio-sprite.png") 0 0 no-repeat; color: #ececec;}
a.jp-play:hover {background: url("audio-sprite.png") -41px 0 no-repeat;}
a.jp-pause {background: url("audio-sprite.png") 0 -42px no-repeat; display:none; color:#ececec;}
a.jp-pause:hover {background: url("audio-sprite.png") -41px -42px no-repeat;}
a.jp-stop {top:5px; background:url("audio-sprite.png") 0 -83px no-repeat; width:28px; height:28px; color:#ececec;}
a.jp-stop:hover {background:url("audio-sprite.png") -29px -83px no-repeat;}
a.jp-volume-min {top:32px; background: url("audio-sprite.png") 0 -170px no-repeat; width:18px; height:15px;}
a.jp-volume-min:hover {background: url("audio-sprite.png") -19px -170px no-repeat;}
a.jp-volume-max {top:32px; background: url("audio-sprite.png") 0 -186px no-repeat; width:18px; height:15px; display: none;}
a.jp-volume-max:hover {background: url("audio-sprite.png") -19px -186px no-repeat;}


@media screen and (max-width:600px) {
	div.jp-single-player {width:228px; height:165px; padding-top:20px}
	div.jp-interface {width:227px; height: 100px; background-size:auto 100%;}
	div.jp-play-bar, div.jp-progress {width:227px; height:100px; background-size:auto 100%;}
	div.jp-play-time, div.jp-total-time {top:62px; font-size:150%;}
	div.jp-single-player a.jp-play, div.jp-single-player a.jp-pause {left: 0px;top: 120px;}
	div.jp-single-player a.jp-stop {left: 45px;top: 125px;}
	div.jp-volume-bar {top: 140px;left: 95px;}
}