@charset "utf-8";
/*mp3player*/
div.jp-audio{ width:640px; height:57px; background:none; border:none; padding:0; background:#f5f5f5; *background:#f5f5f5; width:590px; height:100px; position:relative; box-shadow:1px 2px 4px rgba(0,0,0,0.3); font-family:Arial;}
.mp3-player-warp a:hover{ color:#75b63f; outline:none;}
div.jp-interface{ background:none; }
div.jp-type-playlist div.jp-playlist li.jp-playlist-current{ padding:0; margin:0;}
div.jp-interface ul.jp-controls li a,div.jp-interface ul.jp-controls li a.jp-pause:hover,div.jp-interface ul.jp-controls li a.jp-play,div.jp-interface ul.jp-controls li a.jp-play:hover,.mp3-playList-icon{ background:url(http://www.qipaoxian.com/pics/mp3player.png) no-repeat;}
div.jp-type-playlist .jp-previous,div.jp-type-playlist .jp-next,div.jp-interface ul.jp-controls a{ text-indent:-4000px;}
div.jp-interface ul.jp-controls{ background:none; height:57px; position:absolute; top:0; left:0; width:640px;}
div.jp-interface ul.jp-controls li a{ width:57px; height:57px; display:block; text-indent:-4000px; }
div.jp-interface ul.jp-controls li a.jp-pause{background-position:0 -130px; margin:0; position:absolute;left:46px; top:22px;}
div.jp-interface ul.jp-controls li a.jp-pause:hover{ background-position:0 -72px;position:absolute;left:46px; top:22px;}
div.jp-interface ul.jp-controls li a.jp-play{background-position:-58px -130px; margin:0;position:absolute;left:46px; top:22px;}
div.jp-interface ul.jp-controls li a.jp-play:hover{ background-position:-58px -72px; position:absolute;left:46px; top:22px;}
div.jp-audio .jp-interface{ height:24px; position:relative; padding:0; }
.jp-volume-bar-value,.jp-volume-bar{ background:url(http://www.qipaoxian.com/pics/mp3player.png) no-repeat;}
div.jp-audio .jp-interface .jp-volume-bar{ height:24px; padding:0; margin:0; width:65px; background-position:0 0; position:absolute; left:475px; top:39px; cursor:pointer;}
.jp-current-time{ font-size:12px; position:absolute; left:370px; top:40px;}
.jp-duration{ font-size:12px; position:absolute; left:410px; top:40px;}
.jp-volume-bar-value{ height:24px; background-position:0 -48px;}
.jp-progress,.jp-play-bar,.jp-seek-bar,div.jp-interface ul.jp-controls a.jp-mute, div.jp-interface ul.jp-controls a.jp-unmute,div.jp-interface ul.jp-controls a.jp-mute:hover,div.jp-interface ul.jp-controls a.jp-unmute:hover,div.jp-interface ul.jp-controls a.jp-unmute,.mp3-playlist-show,.mp3-playlist-hide{ background:url(http://www.qipaoxian.com/pics/mp3player.png) no-repeat;}
.jp-progress{ height:24px; padding:0; margin:0; width:200px; background-position:0 0; position:absolute; left:160px; top:40px; background-repeat:repeat-x;}
.jp-seek-bar{ height:24px; padding:0; margin:0;background-position:0 -24px;cursor:pointer;background-repeat:repeat-x;}
.jp-play-bar{ height:24px; padding:0; margin:0;background-position:right -48px; padding-right:12px;cursor:pointer; background-repeat:repeat-x;}
div.jp-interface ul.jp-controls a.jp-mute{ width:13px; height:12px; background-position:-162px -72px;  position:absolute; left:450px; top:43px;}
div.jp-interface ul.jp-controls a.jp-mute:hover{background-position:-176px -72px;}
div.jp-interface ul.jp-controls a.jp-unmute{ width:13px; height:12px; background-position:-190px -72px; position:absolute; left:450px; top:43px;}
div.jp-interface ul.jp-controls a.jp-unmute:hover{background-position:-204px -72px;}
.mp3-player-warp{ height:155px; position:relative;}
.mp3-player-warp .pCmdBar{ padding:15px 10px 0;}
.playBarBox .btn{ border:none;}
.playBarBox { background:none;}
.playBarBox .btn:hover{ border:none; border-radius:5px;}
.jp-playlist-cmd{ position:absolute; display:none; background:#fff; border:1px solid #ebebeb; width:160px;SCROLLBAR-FACE-COLOR: #aee9ff;SCROLLBAR-HIGHLIGHT-COLOR: #fff;SCROLLBAR-SHADOW-COLOR: #fff;SCROLLBAR-3DLIGHT-COLOR: #fff;SCROLLBAR-ARROW-COLOR: #fffSCROLLBAR-TRACK-COLOR: #fff;SCROLLBAR-DARKSHADOW-COLOR: #fff;SCROLLBAR-BASE-COLOR: #fff}
.jp-playlist-cmd ul{height:auto!important:}
.jp-playlist li{ line-height:24px; height:24px; border-bottom:1px solid #f1f1f1; padding-left:10px;position:relative;}
.jp-playlist .jp-playlist-current{ background:#75b63f; color:#fff!important;padding-left:10px; position:relative;}
.jp-playlist-item-remove{ position:absolute; right:10px; top:0px;}
.jp-playlist-item{width:110px;height:24px; overflow:hidden;display:block;}
.mp3-playList-icon{ width:16px; height:16px; display:inline-block;}
.jp-playlist-cmd{ position:absolute; right:0; top:-2px; z-index:3; height:250px; overflow:auto; margin-top:-250px;}
.mp3-player-warp{  width:590px; height:100px; position:fixed;_position:absolute; left:-583px; bottom:0; margin-left:20px; margin-bottom:20px;z-index:9999999;}
.mp3-playerlist-listBtn{line-height:16px; height:16px; position:absolute; padding-right:22px; z-index:3; right:50px; top:14px;}
.mp3-playerlist-listBtn .mp3-playList-icon{ position:absolute; right:0; top:0;}
.mp3-playList-iconList{ background-position:-137px -114px;}
.mp3-playList-iconList:hover,.mp3-playList-iconListCur{ background-position:-137px -131px;}
.mp3-playlist-playType{ position:absolute; background-position:-184px -114px; z-index:2;  right:50px; top:65px;}
.mp3-playlist-playType:hover,.mp3-playlist-playTypeCur{ background-position:-184px -131px;}
.mp3-playlist-next{ position:absolute;background-position:-153px -114px;z-index:2; left:117px; top:42px;}
.mp3-playlist-next:hover{background-position:-153px -131px;}
.mp3-playlist-prev{ position:absolute;background-position:-169px -114px;z-index:2;  left:17px; top:42px;}
.mp3-playlist-prev:hover{background-position:-169px -131px;}
.mp3-playlist-curPlay{ position:absolute; line-height:16px; z-index:2; color:#999; left:160px; top:19px;}
.mp3-playlist-curPlay i{ color:#75b63f;}
.mp3-playlist-show{ width:27px; height:100px; background-position:-313px -72px; position:absolute; z-index:2; right:0 ; top:0;}
.mp3-playlist-hide{ width:27px; height:100px; background-position:-341px -72px; position:absolute; z-index:2; right:0 ; top:0;}
.mp3-playerlist-listBtn{ color:#999;}
.mp3-playerlist-listBtn em{ color:#75b63f;}