body { font-size: 12px; font-family:"宋体", "Arial"; background-color: #ffc; background-position: 0 -400px; margin: 0; padding: 0; }
div,form,img,ul,li,dl,dt,dd,h1 { margin: 0; padding: 0; border: 0; list-style-type: none; }
a:link,a:visited { color: #1a441a; text-decoration: none; }
a:hover { color: #f60; text-decoration: underline; }
.jp-audio { width: 100%; height: 58px; overflow: hidden; margin: 0; padding: 0; list-style-type: none; font-size: 12px; }
.jp-interface,.jp-controls a,.playbar,.jp-seek-bar,.jp-play-bar,.jp-toggles a { background-image: url(player.png); overflow: hidden; }
.jp-interface,.jp-no-solution { background-repeat: repeat-x; background-position: 0 -30px; width: 100%; height: 58px; overflow: hidden; display: block; }
.jp-controls { width: 100%; float: left; padding: 17px 0 0 10px; }
.jp-controls li { float: left; display: block; }
.jp-controls a { background-repeat: no-repeat; background-attachment: scroll; text-indent: -9999px; width: 36px; height: 40px; float: left; margin: 0 0 0 5px; list-style-type: none; cursor: pointer; display: inline; }
.jp-controls a.jp-play { background-position: -149px -124px; }
.jp-controls a.jp-pause { background-position: -186px -124px; display: none; }
#playup,#playnext { background-position: 0 center; width: 25px; height: 40px; }
#playup { background-position: 0 -124px; }
#playnext { background-position: -99px -124px; }
.jp-controls a.jp-mute,.jp-controls a.jp-unmute,.jp-controls a.jp-volume-max { width: 10px; height: 10px; display: inline; }
.jp-controls a.jp-mute { background-position: -255px -128px; margin: 20px 0 0 135px; }
.jp-controls a.jp-unmute { background-position: -275px -128px; margin: 20px 0 0 135px; display: none; }
.jp-controls a.jp-volume-max { background-position: -295px -139px; margin: 20px 0 0 70px; }
.playbar { background-color: #fff; background-repeat: repeat-x; background-attachment: scroll; background-position: 0 -96px; width: 560px; height: 8px; float: left; margin: -52px 0 0 42px; display: inline; }
.jp-progress { width: 100%; height: 8px; overflow: hidden; float: left; }
.jp-seek-bar { background-repeat: repeat-x; background-attachment: scroll; background-position: 0 -105px; width: 0; height: 100%; cursor: pointer; }
.jp-play-bar { background-repeat: repeat-x; background-attachment: scroll; background-position: 0 -115px; width: 0; height: 100%; }
.jp-toggles { text-indent: -999px; width: 30px; height: 12px; overflow: hidden; float: left; margin: -20px 0 0 175px; padding: 0; list-style-type: none; display: inline; }
.jp-toggles li { width: 12px; height: 12px; float: left; display: block; }
.jp-toggles a { width: 12px; height: 12px; float: left; cursor: pointer; display: inline; }
.jp-toggles a.jp-repeat { background-position: -255px -151px; }
.jp-toggles a.jp-repeat-off { background-position: -290px -151px; margin: 0 0 0 -12px; display: none; }
.jp-volume-bar { background-color: #ccc; width: 60px; height: 4px; overflow: hidden; float: left; margin: -17px 0 0 260px; cursor: pointer; display: inline; }
.jp-volume-bar-value { background-color: #999; width: 60px; height: 4px; display: block; }
.jp-time-holder { color: #999; width: 100%; height: 12px; float: left; margin: -53px 0 0; padding: 0 5px; display: inline; }
.jp-current-time { width: 30px; float: left; }
.jp-duration { width: 30px; float: right; margin-right: 5px; }
.jp-title { color: #999; width: 400px; overflow: hidden; float: left; margin: -42px 0 0 130px; display: inline; white-space: nowrap; }
.jp-no-solution { display: none; }