div.jp-audio {
	margin:0; padding:0;
	width:323px; height:44px;
	overflow:hidden;
}
div.jp-interface {
	position: relative;
	width:323px; height:44px;
	background:transparent url("images/bg.png") no-repeat 0 0;
}
div.jp-audio div.jp-type-single div.jp-interface {
	height:44px;
}
div.jp-interface ul.jp-controls {
	list-style-type:none;
	margin: 0; padding:0;
}
div.jp-interface ul.jp-controls li {
	position: absolute;
	display:inline;
}
div.jp-interface ul.jp-controls a {
	position: absolute;
	overflow:hidden;
	text-indent:-9999px;
}
a.jp-play,
a.jp-pause {
	width:29px; height:29px;
	display:block;
	z-index:1;
}
div.jp-audio div.jp-type-single a.jp-play,
div.jp-audio div.jp-type-single a.jp-pause {
	top:7px; left:7px;
}
a.jp-play {
	background:transparent url("images/btn.png") no-repeat 0 0;
}
a.jp-play:hover {
	background:transparent url("images/btn.png") no-repeat 0 -31px;
}
a.jp-pause {
	background:transparent url("images/btn.png") no-repeat -31px 0;
	display: none;
}
a.jp-pause:hover {
	background:transparent url("images/btn.png") no-repeat -31px -31px;
}
div.jp-audio div.jp-type-single a.jp-stop {
	top:26px;
	left:90px;
}
div.jp-audio div.jp-type-playlist a.jp-stop {
	top:26px;
	left:126px;
}
/*
a.jp-stop {
	background: url("jplayer.blue.monday.jpg") 0 -83px no-repeat;
	width:28px;
	height:28px;
	z-index:1;
}
a.jp-stop:hover {
	background: url("jplayer.blue.monday.jpg") -29px -83px no-repeat;
}
*/
div.jp-progress {
	position: absolute;
	overflow:hidden;
}
div.jp-audio div.jp-type-single div.jp-progress {
	top:18px; left:45px;
	width:175px;
	height:7px;
}
div.jp-seek-bar {
	background:transparent url("images/track.png") repeat-x 0 0;
	width:175px; height:7px;
	cursor:pointer;
}
div.jp-play-bar {
	background:transparent url("images/progress.png") repeat-x 0 0;
	width:0px; height:5px;
	margin:1px 0 0 1px; padding:0;
}
a.jp-mute,
a.jp-unmute {
	width:16px; height:16px;
	overflow:hidden;
	display:block;
}
div.jp-audio div.jp-type-single a.jp-mute,
div.jp-audio div.jp-type-single a.jp-unmute {
	top:14px; left:253px;
}
a.jp-mute {
	background:transparent url("images/volume.png") no-repeat 0 0;
}
a.jp-mute:hover {
	background:transparent url("images/volume.png") no-repeat 0 -16px;
}
a.jp-unmute {
	background:transparent url("images/volume.png") no-repeat -16px 0;
	display: none;
}
a.jp-unmute:hover {
	background:transparent url("images/volume.png") no-repeat -16px -16px;
}
div.jp-volume-bar {
	position: absolute;
	overflow:hidden;
	background: url("images/vtrack.png") no-repeat 0 0;
	width:42px; height:7px;
	cursor:pointer;
}
div.jp-audio div.jp-type-single div.jp-volume-bar {
	top:19px; left:270px;
}
div.jp-volume-bar-value {
	background: url("images/progress.png") repeat-x 0 0;
	width:0px; height:5px;
	margin:1px 0 0 1px; padding:0;
}

@media screen and (max-width: 740px) {
div.jp-audio {
	margin:0; padding:0;
	width:100%; height:auto;
	overflow:hidden;
}
div.jp-interface {
	position: relative;
	width:100%; height:auto;
	background:transparent url("images/bg_sp.png") no-repeat 0 0;
}

a.jp-mute,
a.jp-unmute {
	display:none;
}
div.jp-audio div.jp-type-single a.jp-mute,
div.jp-audio div.jp-type-single a.jp-unmute {
	display:none;
}
a.jp-mute {
	display:none;
}
a.jp-mute:hover {
	display:none;
}
a.jp-unmute {
	display:none;
}
a.jp-unmute:hover {
	display:none;
}
div.jp-volume-bar {
	display:none;
}
div.jp-audio div.jp-type-single div.jp-volume-bar {
	display:none;
}
div.jp-volume-bar-value {
	display:none;
}
}