/*! Blue Monday Skin for jPlayer 2.9.2 ~ (c) 2009-2014 Happyworm Ltd ~ MIT License */

/*
 * Skin for jPlayer Plugin (jQuery JavaScript Library)
 * http://www.jplayer.org
 *
 * Skin Name: Blue Monday
 *
 * Copyright (c) 2010 - 2014 Happyworm Ltd
 * Licensed under the MIT license.
 *  - http://www.opensource.org/licenses/mit-license.php
 *
 * Author: Silvia Benvenuti
 * Skin Version: 5.1 (jPlayer 2.8.0)
 * Date: 13th November 2014
 */
.jp-audio *:focus,
.jp-audio-stream *:focus,
.jp-video *:focus {
  /* Disable the browser focus highlighting. */
  outline: none; }

.jp-audio button::-moz-focus-inner,
.jp-audio-stream button::-moz-focus-inner,
.jp-video button::-moz-focus-inner {
  /* Disable the browser CSS3 focus highlighting. */
  border: 0; }

.jp-audio,
.jp-audio-stream,
.jp-video {
  font-size: 16px;
  font-family: Verdana, Arial, sans-serif;
  line-height: 1.6;
  color: #666;
  border: 1px solid #009be3;
  background-color: #eee; }

.jp-audio {
  width: 420px; }

.jp-audio-stream {
  width: 182px; }

.jp-video-270p {
  width: 480px; }

.jp-video-360p {
  width: 640px; }

.jp-video-full {
  /* Rules for IE6 (full-screen) */
  width: 480px;
  height: 270px;
  /* Rules for IE7 (full-screen) - Otherwise the relative container causes other page items that are not position:static (default) to appear over the video/gui. */
  position: static !important;
  position: relative; }

/* The z-index rule is defined in this manner to enable Popcorn plugins that add overlays to video area. EG. Subtitles. */
.jp-video-full div div {
  z-index: 1000; }

.jp-video-full .jp-jplayer {
  top: 0;
  left: 0;
  position: fixed !important;
  position: relative;
  /* Rules for IE6 (full-screen) */
  overflow: hidden; }

.jp-video-full .jp-gui {
  position: fixed !important;
  position: static;
  /* Rules for IE6 (full-screen) */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
  /* 1 layer above the others. */ }

.jp-video-full .jp-interface {
  position: absolute !important;
  position: relative;
  /* Rules for IE6 (full-screen) */
  bottom: 0;
  left: 0; }

.jp-interface {
  position: relative;
  background-color: #eee;
  width: 100%; }

.jp-audio .jp-interface {
  height: 80px; }

.jp-audio-stream .jp-interface {
  height: 80px; }

.jp-video .jp-interface {
  border-top: 1px solid #009be3; }

/* @group CONTROLS */
.jp-controls-holder {
  clear: both;
  width: 440px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  top: -8px;
  /* This negative value depends on the size of the text in jp-currentTime and jp-duration */ }

.jp-interface .jp-controls {
  margin: 0;
  padding: 0;
  overflow: hidden; }

.jp-audio .jp-controls {
  width: 380px;
  padding: 20px 20px 0 20px; }

.jp-audio-stream .jp-controls {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 142px; }

.jp-video .jp-type-single .jp-controls {
  width: 78px;
  margin-left: 200px; }

.jp-video .jp-type-playlist .jp-controls {
  width: 134px;
  margin-left: 172px; }

.jp-video .jp-controls {
  float: left; }

.jp-controls button {
  display: block;
  float: left;
  overflow: hidden;
  text-indent: -9999px;
  border: none;
  cursor: pointer; }

.jp-play {
  width: 40px;
  height: 40px; }

.jp-play {
  background: url("../image/jplayer.blue.monday.jpg") 0 0 no-repeat; }

.jp-play:focus {
  background: url("../image/jplayer.blue.monday.jpg") -41px 0 no-repeat; }

.jp-state-playing .jp-play {
  background: url("../image/jplayer.blue.monday.jpg") 0 -42px no-repeat; }

.jp-state-playing .jp-play:focus {
  background: url("../image/jplayer.blue.monday.jpg") -41px -42px no-repeat; }

.jp-stop, .jp-previous, .jp-next {
  width: 28px;
  height: 28px;
  margin-top: 6px; }

.jp-stop {
  background: url("../image/jplayer.blue.monday.jpg") 0 -83px no-repeat;
  margin-left: 10px; }

.jp-stop:focus {
  background: url("../image/jplayer.blue.monday.jpg") -29px -83px no-repeat; }

.jp-previous {
  background: url("../image/jplayer.blue.monday.jpg") 0 -112px no-repeat; }

.jp-previous:focus {
  background: url("../image/jplayer.blue.monday.jpg") -29px -112px no-repeat; }

.jp-next {
  background: url("../image/jplayer.blue.monday.jpg") 0 -141px no-repeat; }

.jp-next:focus {
  background: url("../image/jplayer.blue.monday.jpg") -29px -141px no-repeat; }

/* @end */
/* @group progress bar */
.jp-progress {
  background-color: #ddd; }

.jp-audio .jp-progress {
  position: absolute;
  top: 32px;
  height: 15px; }

.jp-audio .jp-type-single .jp-progress {
  left: 110px;
  width: 186px; }

.jp-audio .jp-type-playlist .jp-progress {
  left: 166px;
  width: 130px; }

.jp-video .jp-progress {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 10px; }

.jp-seek-bar {
  background: url("../image/jplayer.blue.monday.jpg") 0 -202px repeat-x;
  width: 0px;
  height: 100%;
  cursor: pointer; }

.jp-play-bar {
  background: url("../image/jplayer.blue.monday.jpg") 0 -218px repeat-x;
  width: 0px;
  height: 100%; }

/* The seeking class is added/removed inside jPlayer */
.jp-seeking-bg {
  background: url("../image/jplayer.blue.monday.seeking.gif"); }

/* @end */
/* @group volume controls */
.jp-state-no-volume .jp-volume-controls {
  display: none; }

.jp-volume-controls {
  position: absolute;
  width: 200px; }

.jp-audio-stream .jp-volume-controls {
  left: 70px; }

.jp-video .jp-volume-controls {
  top: 12px;
  left: 50px; }

.jp-volume-controls button {
  display: block;
  position: absolute;
  overflow: hidden;
  text-indent: -9999px;
  border: none;
  cursor: pointer; }

.jp-mute,
.jp-volume-max {
  width: 18px;
  height: 15px; }

.jp-volume-max {
  left: 74px; }

.jp-mute {
  background: url("../image/jplayer.blue.monday.jpg") 0 -170px no-repeat; }

.jp-mute:focus {
  background: url("../image/jplayer.blue.monday.jpg") -19px -170px no-repeat; }

.jp-state-muted .jp-mute {
  background: url("../image/jplayer.blue.monday.jpg") -60px -170px no-repeat; }

.jp-state-muted .jp-mute:focus {
  background: url("../image/jplayer.blue.monday.jpg") -79px -170px no-repeat; }

.jp-volume-max {
  background: url("../image/jplayer.blue.monday.jpg") 0 -186px no-repeat; }

.jp-volume-max:focus {
  background: url("../image/jplayer.blue.monday.jpg") -19px -186px no-repeat; }

.jp-volume-bar {
  position: absolute;
  background: url("../image/jplayer.blue.monday.jpg") 0 -250px repeat-x;
  top: 5px;
  left: 22px;
  width: 46px;
  height: 5px;
  cursor: pointer; }

.jp-volume-bar-value {
  background: url("../image/jplayer.blue.monday.jpg") 0 -256px repeat-x;
  width: 0px;
  height: 5px; }

/* @end */
/* @group current time and duration */
.jp-audio .jp-time-holder {
  position: absolute;
  top: 50px; }

.jp-audio .jp-type-single .jp-time-holder {
  left: 110px;
  width: 186px; }

.jp-audio .jp-type-playlist .jp-time-holder {
  left: 166px;
  width: 130px; }

.jp-current-time,
.jp-duration {
  width: 60px;
  font-size: .64em; }

.jp-current-time {
  float: left;
  display: inline;
  cursor: default; }

.jp-duration {
  float: right;
  display: inline;
  text-align: right;
  cursor: pointer; }

.jp-video .jp-current-time {
  margin-left: 20px; }

.jp-video .jp-duration {
  margin-right: 20px; }

/* @end */
/* @group playlist */
.jp-details {
  font-weight: bold;
  text-align: center;
  cursor: default; }

.jp-details,
.jp-playlist {
  width: 100%;
  background-color: #ccc;
  border-top: 1px solid #009be3; }

.jp-type-single .jp-details,
.jp-type-playlist .jp-details {
  border-top: none; }

.jp-details .jp-title {
  margin: 0;
  padding: 5px 20px;
  font-size: .72em;
  font-weight: bold; }

.jp-playlist ul {
  list-style-type: none;
  margin: 0;
  padding: 0 20px;
  font-size: .72em; }

.jp-playlist li {
  padding: 5px 0 4px 20px;
  border-bottom: 1px solid #eee; }

.jp-playlist li div {
  display: inline; }

/* Note that the first-child (IE6) and last-child (IE6/7/8) selectors do not work on IE */
div.jp-type-playlist div.jp-playlist li:last-child {
  padding: 5px 0 5px 20px;
  border-bottom: none; }

div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
  list-style-type: square;
  list-style-position: inside;
  padding-left: 7px; }

div.jp-type-playlist div.jp-playlist a {
  color: #333;
  text-decoration: none; }

div.jp-type-playlist div.jp-playlist a:hover {
  color: #0d88c1; }

div.jp-type-playlist div.jp-playlist a.jp-playlist-current {
  color: #0d88c1; }

div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove {
  float: right;
  display: inline;
  text-align: right;
  margin-right: 10px;
  font-weight: bold;
  color: #666; }

div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover {
  color: #0d88c1; }

div.jp-type-playlist div.jp-playlist span.jp-free-media {
  float: right;
  display: inline;
  text-align: right;
  margin-right: 10px; }

div.jp-type-playlist div.jp-playlist span.jp-free-media a {
  color: #666; }

div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover {
  color: #0d88c1; }

span.jp-artist {
  font-size: 1em; }

/* @end */
.jp-video-play {
  width: 100%;
  overflow: hidden;
  /* Important for nested negative margins to work in modern browsers */
  cursor: pointer;
  background-color: transparent;
  /* Makes IE9 work with the active area over the whole video area. IE6/7/8 only have the button as active area. */ }

.jp-video-270p .jp-video-play {
  margin-top: -270px;
  height: 270px; }

.jp-video-360p .jp-video-play {
  margin-top: -360px;
  height: 360px; }

.jp-video-full .jp-video-play {
  height: 100%; }

.jp-video-play-icon {
  position: relative;
  display: block;
  width: 112px;
  height: 100px;
  margin-left: -56px;
  margin-top: -50px;
  left: 50%;
  top: 50%;
  background: url("../image/jplayer.blue.monday.video.play.png") 0 0 no-repeat;
  text-indent: -9999px;
  border: none;
  cursor: pointer; }

.jp-video-play-icon:focus {
  background: url("../image/jplayer.blue.monday.video.play.png") 0 -100px no-repeat; }

.jp-jplayer audio,
.jp-jplayer {
  width: 0px;
  height: 0px; }

.jp-jplayer {
  background-color: #000000; }

/* @group TOGGLES */
/* The audio toggles are nested inside jp-time-holder */
.jp-toggles {
  padding: 0;
  margin: 0 auto;
  overflow: hidden; }

.jp-audio .jp-type-single .jp-toggles {
  width: 25px; }

.jp-audio .jp-type-playlist .jp-toggles {
  width: 55px;
  margin: 0;
  position: absolute;
  left: 325px;
  top: 50px; }

.jp-video .jp-toggles {
  position: absolute;
  right: 16px;
  margin: 0;
  margin-top: 10px;
  width: 100px; }

.jp-toggles button {
  display: block;
  float: left;
  width: 25px;
  height: 18px;
  text-indent: -9999px;
  line-height: 100%;
  /* need this for IE6 */
  border: none;
  cursor: pointer; }

.jp-full-screen {
  background: url("../image/jplayer.blue.monday.jpg") 0 -310px no-repeat;
  margin-left: 20px; }

.jp-full-screen:focus {
  background: url("../image/jplayer.blue.monday.jpg") -30px -310px no-repeat; }

.jp-state-full-screen .jp-full-screen {
  background: url("../image/jplayer.blue.monday.jpg") -60px -310px no-repeat; }

.jp-state-full-screen .jp-full-screen:focus {
  background: url("../image/jplayer.blue.monday.jpg") -90px -310px no-repeat; }

.jp-repeat {
  background: url("../image/jplayer.blue.monday.jpg") 0 -290px no-repeat; }

.jp-repeat:focus {
  background: url("../image/jplayer.blue.monday.jpg") -30px -290px no-repeat; }

.jp-state-looped .jp-repeat {
  background: url("../image/jplayer.blue.monday.jpg") -60px -290px no-repeat; }

.jp-state-looped .jp-repeat:focus {
  background: url("../image/jplayer.blue.monday.jpg") -90px -290px no-repeat; }

.jp-shuffle {
  background: url("../image/jplayer.blue.monday.jpg") 0 -270px no-repeat;
  margin-left: 5px; }

.jp-shuffle:focus {
  background: url("../image/jplayer.blue.monday.jpg") -30px -270px no-repeat; }

.jp-state-shuffled .jp-shuffle {
  background: url("../image/jplayer.blue.monday.jpg") -60px -270px no-repeat; }

.jp-state-shuffled .jp-shuffle:focus {
  background: url("../image/jplayer.blue.monday.jpg") -90px -270px no-repeat; }

/* @end */
/* @group NO SOLUTION error feedback */
.jp-no-solution {
  padding: 5px;
  font-size: .8em;
  background-color: #eee;
  border: 2px solid #009be3;
  color: #000;
  display: none; }

.jp-no-solution a {
  color: #000; }

.jp-no-solution span {
  font-size: 1em;
  display: block;
  text-align: center;
  font-weight: bold; }

/* @end */



/*自定义播放器样式开始*/
/*播放*/
.music-bj{background: url(../images/music_bg.png) no-repeat;}
.div_play{width: 100%;height: 46px;background:#272727;position: fixed;bottom: -50px;left: 0;z-index: 9999; box-shadow:0 0 10px #000;}
.div_ft_pl{width: 1000px;margin: 0 auto; position: relative;}
.pictures{width: 34px;height: 34px;float: left;margin: 3px 13px 3px 30px;}
.pictures img{width: 100%; height: 100%;}
.p_profiles{width: 186px;height: 26px;float: left;line-height:26px;color: #d1d1d1;margin-top:8px; font-size:12px; filter:alpha(opacity=70);opacity:0.7;}
.p_profiles:hover{color:#d9d9d9; filter:alpha(opacity=100);opacity:1;}
.p_play{float: left;margin-top: 14px;}
.p_play span{width:12px;height:14px;display:block;float: left;}
.up_song{margin-left: 42px;background: url(../images/up_song.png) no-repeat;}
.up_song:hover{background: url(../images/up_song_press.png) no-repeat;}
.play_default{background: url(../images/play_default.png) no-repeat;margin-left: 22px;}
.play_default:hover{background: url(../images/play_press.png) no-repeat;}
.next_song{margin-left: 22px;background: url(../images/next_song.png) no-repeat;}
.next_song:hover{background: url(../images/next_song_press.png) no-repeat;}
.play_progress{color: #e2e2e2;float: left;}
.play_progress span{float: left;margin-top: 13px;font-size: 12px;}
.playing_time{margin-left: 42px;margin-right: 8px;}
.playtotal_time{margin-left: 8px;margin-right: 30px;}
.klfm_div_player_progress .playing_bar img{position: absolute;left:460px;top:17px;}
.klfm_div_player_progress{width: 230px;height: 5px;float: left;margin-top: 19px;background: url(../images/playing_time_drag.png) no-repeat;}
.klfm_div_player_progress .loading_bar {width: 180px;height: 100%;background: url(../images/loading_bar.png) no-repeat;}
.klfm_div_player_progress .playing_bar {width: 100px;height: 100%;margin-top: -5px;background: url(../images/playing_bar.png) no-repeat;}
.volume{float: left;width:20px;height:14px;margin-top:14px; background-position:-162px -154px;}
.volume:hover{ background-position:-190px -154px;}
.div_volume_progress{width:34px;height: 140px;background:#3a3a3a;position: absolute;right: 210px;bottom:0px;z-index: 21;}
.volume_progress{width:4px;height:108px;margin-left:15px;margin-top:12px;background:#232323;}
.volume_bar{width:4px;height:58px;position: absolute;left: 12px;bottom:20px;background:#525252;}
.volume_bar img{position: absolute;left: -2px;bottom:0px;}
.p_audio_list{float: left;width: 18px;height: 14px;margin-top:14px;margin-left:4px;background-position:-206px -40px;}
.p_audio_list:hover{background-position-x:-232px;}
.play_search{float: left;width: 18px;height: 14px;margin-top:14px;margin-left:10px; background-position:-256px -40px; cursor:pointer;}
.play_search:hover{ background-position-x:-279px;}
.play_down{width: 80px;height: 24px;position: absolute;right:10px;top:8px;background-position:-162px -58px; cursor:pointer;}
.play_down:hover{background-position:-162px -86px;}
.p_numlist{width: 34px;height: 14px;color:#666;padding-left:3px;background:#111;margin-top: 0px;line-height:14px;font-size: 12px;text-align:center;border-radius: 0 4px 4px 0; position:absolute; top:14px; right:131px;}
.div_play_down{z-index: 22;width: 160px;position: absolute;bottom:38px;right:-32px;height: 194px; display:none;}
.play_ios_down{z-index: 23;width:40px;height:18px;position: absolute;bottom:8px;left:10px; background-position:-3px -152px; cursor:pointer;}
.play_ios_down:hover{ background-position-y:-133px;}
.play_android_down{z-index: 23;width:40px;height:18px;position: absolute;bottom:8px;right:10px; background-position:0 0; cursor:pointer;}
.play_android_down:hover{ background-position-y:-24px;}
.div_footer_play{width: 750px;height: 262px;position: absolute;right: 0;bottom:40px;}
.div_footer_top {width: 100%;height: 42px;background: #232323;position: relative; box-shadow:0 0 4px #000; z-index:1;}
.div_footer_top span{font-size: 16px;line-height: 44px;margin-left: 35px;color: #d9d9d9;}
.all_attention{width:64px;height:24px;position: absolute;right: 125px;bottom:10px;background:url(../images/all_attention_Default.png) no-repeat;}
.all_attention:hover{background:url(../images/all_attention_Press.png) no-repeat;}
.div_footer_top span.clear_attention{width:62px;height:22px;position: absolute;right:42px;bottom:10px; background-position:-216px -148px; cursor:pointer; border-right:solid 1px #373737; font-size:12px; line-height:22px; padding-left:26px; color:#d1d1d1; opacity:0.7; filter:Alpha(opacity=70);}
.div_footer_top span.clear_attention:hover{background-position-y:-169px; color:#d9d9d9; opacity:1; filter:Alpha(opacity=100);}
.gathered_audio{width: 18px;height: 27px;display:block;position: absolute;right: 6px;bottom:8px;background-position:-178px -117px; cursor:pointer;}
.gathered_audio:hover{background-position:-218px -117px;}

.div_footer_scroll{width: 750px;height: 218px;overflow: hidden;position: relative;}
.div_footer_scroll_left{background:#2d2d2d;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;}
.div_footer_scroll_left ul{height: 218px;}
.div_footer_scroll_left ul li{position:relative;line-height: 36px;}
.div_footer_scroll_left ul li:hover{background-color:#343434;}
.scroll_radio_text{position: absolute;right:145px;top:0px;}
.close_radio{width: 16px;height: 16px;display:block;position: absolute;right:32px;top:10px;background:url(../images/close_Default.png) no-repeat;}
.close_radio:hover{background:url(../images/closePress.png) no-repeat;}
.div_footer_scroll_right{overflow: hidden;position: absolute;top:0;right:0;}
.top_arrow{width: 16px;height: 8px;position:absolute;top:10px;right:5px;background: url(../images/top_arrow_Default.png) no-repeat;}
.top_arrow:hover{background: url(../images/top_arrow_Press.png) no-repeat;}
.scroll_bar{width: 4px;height: 0px;position:absolute;top:23px;bottom:0px;right:11px;background: url(../images/volume_progress_bg.png) no-repeat;}
.next_arrow{width: 16px;height: 8px;position:absolute;bottom:10px;right:5px;background: url(../images/next_arrow_Default.png) no-repeat;}
.next_arrow:hover{background: url(../images/next_arrow_Press.png) no-repeat;}
.div_play_share{width: 98px;height: 56px;position:absolute;bottom:37px;right:144px;background: url(../images/play_share.png) no-repeat;padding-left:24px; padding-top:9px; font-size:12px; display:none;}
.div_play_share .kl_bdsharebuttonbox a{width: 28px; height:29px; margin: 0 5px; background: url(../images/share_icon_xx.png) 0 -104px;}
.div_play_share .kl_bdsharebuttonbox a.bds_tsina { background-position:0 -104px;}
.div_play_share .kl_bdsharebuttonbox a.bds_qzone { background-position:0 -52px;}
.div_play_share .kl_bdsharebuttonbox a.bds_tsina:hover { background-position:-36px -104px;}
.div_play_share .kl_bdsharebuttonbox a.bds_qzone:hover { background-position:-36px -52px;}

/* Tiny Scrollbar */
#div_list{width:750px}
#div_list .viewport{width:742px;height:218px;overflow:hidden;position:relative;margin:0;}
#div_list .overview{position:absolute;left:0;top:0;width:100%;}
#div_list .scrollbar{background:#252525;position:relative;background-position:0 0;float:right;width:8px;z-index:1;}
#div_list .track{height:100%;width:2px;position:relative;padding:0 1px}
#div_list .thumb{width:2px;height:20px;border-radius:5px;background:#555;border:1px solid #555;opacity:0.8;filter:Alpha(opacity=80);cursor:pointer;overflow:hidden;position:absolute;top:0;left:0}
#div_list .thumb .end{overflow:hidden;height:5px;width:25px}
#div_list .disable{display:none}
.noSelect{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}

.jp-details, .jp-playlist {
    border: 0;
}
.jp-audio {
    border: 0;
    font-family: Microsoft YaHei;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    margin-top:3px;
}

.jp-audio .jp-interface { height: 40px; background:#272727;}
.jp-volume-controls { bottom: 43px; }
.div_volume_progress { top: initial; left: initial; right:220px; display:none;}
.jp-volume-bar { position: relative; left: 0px;}
.jp-volume-bar-value { position:absolute; bottom: 0; left: 0; background-position:0 bottom;}
.volume-img {
    display: block;
    position: absolute;
    left: -1px;
    top: -3px;
    width: 6px;
    height: 6px;
    background-position:-250px -74px;
}
.jp-audio .jp-type-playlist .jp-progress {
    top: 0px;
    height: 4px;
    width: 230px;
    left:460px;
    background:#606060;
}
.jp-seek-bar{background:no-repeat;
    margin:0px;}
div.jp-play-bar {
    background:#f84e4e;
    position:relative;
    margin:0px;
}
.jp-current-time, .jp-duration { font-size:12px; }
.jp-audio .jp-type-playlist .jp-time-holder {
    top: 11px;
    left: 420px;
    width:310px;
    color:#d1d1d1;
    filter:alpha(opacity=70);opacity:0.7;
}
.img-play-control {
    display: block;
    position: absolute;
    right: -4px;
    top: -2px;
    width: 8px;
    height: 8px;
    background-position:-249px -60px;
}
.jp-audio .jp-controls {
    padding:8px 0 0 0;
    width: 120px;
    margin-left:277px;
}
.jp-audio .jp-controls button {
    width: 16px;
    height: 16px;
    margin-left:22px;
    padding:0;
    margin-top:4px;
}
.jp-stop, .jp-previous, .jp-next{margin-top:0px;}
.jp-previous {
    background-position:-162px -1px;
}
.jp-previous:hover, .jp-previous:focus, .jp-previous:active {
    background:url(../images/music_bg.png) -184px -1px;
}
.jp-audio .jp-controls button.jp-play {
    width:20px;
    height:24px;
    margin-top:0;
}
.jp-play {
    background-position:-206px -5px;
}
.jp-play:hover, .jp-play:focus {
    background:url(../images/music_bg.png) -232px -5px;
}
.jp-state-playing .jp-play {
    background:url(../images/music_bg.png) -255px -5px;
}
.jp-state-playing .jp-play:hover, .jp-state-playing .jp-play:focus {
    background:url(../images/music_bg.png) -279px -5px;
}
.jp-audio .jp-controls .jp-pause {
    background:url(../images/music_bg.png) -255px -5px;
    width:20px;
    height: 24px;
    margin-top:0;
}
.jp-audio .jp-controls .jp-pause:hover,.jp-audio .jp-controls .jp-pause:focus{
    background:url(../images/music_bg.png) -279px -5px;
    width:20px;
    height: 24px;
    margin-top:0;
}

.jp-next {
    background-position:-162px -21px;
}

.jp-next:hover, .jp-next:focus {
    background: url("/images/music_bg.png") -184px -21px;
}
.volume {
    position: absolute;
    top: 0px;
    right: 223px;
    cursor: pointer;
}
.volume-mute {
    background-position:-162px -175px;
}
.volume-mute:hover {
    background-position:-190px -175px;
}
.p_audio_list{position:absolute; top:0px; right:168px; cursor:pointer;}
.play_search{position:absolute; top:0px; right:196px;}
/* 播放列表 */
.list-faxian{ position:absolute; top:100px; left:270px; color:#d9d9d9;}
div.jp-type-playlist div.jp-playlist div.list-faxian a{color:#F1565E;}
div.jp-type-playlist div.jp-playlist div.list-faxian a:hover{color:#F1565E;text-decoration:underline;}
.jp-playlist{width: 750px;height:260px;position: absolute;right: 0;bottom:43px; display:none; overflow:hidden; box-shadow:0 -2px 5px #000;}
.jp-playlist li{padding: 0;}
div.jp-type-playlist div.jp-playlist li.jp-playlist-current{list-style-type:none;list-style-position:outside;padding-left: 0px;background:#232323 url(../images/music_bg.png) -272px -64px no-repeat;}
div.jp-type-playlist div.jp-playlist li:last-child {padding: 0;border-bottom: none;}
.jp-playlist ul{padding:0;}
span.jp-artist{position: absolute;right:145px;top:0px;}
div.jp-type-playlist div.jp-playlist li{border-bottom: none;}
div.jp-type-playlist div.jp-playlist li:hover{background:#232323; text-decoration:none;}
div.jp-type-playlist div.jp-playlist li:hover span{text-decoration:none;}
div.jp-type-playlist div.jp-playlist a.jp-playlist-item{padding-left:36px;}
div.jp-type-playlist div.jp-playlist a.jp-playlist-item span{color:#d1d1d1; filter:alpha(opacity=70); opacity:0.7;}
div.jp-type-playlist div.jp-playlist a.jp-playlist-item:hover span{color:#d9d9d9; filter:alpha(opacity=100); opacity:1;}
div.jp-type-playlist div.jp-playlist a.jp-playlist-current span{color:#d9d9d9; filter:alpha(opacity=100); opacity:1;}
div.jp-type-playlist div.jp-playlist li.jp-playlist-current:hover{background:#232323 url(../images/music_bg.png) -272px -64px no-repeat; }
div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove{width:16px;height:16px;position: absolute;right:22px;top:10px;background:url(../images/music_bg.png) -216px -152px no-repeat;}
div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover{background:url(../images/music_bg.png) -216px -173px no-repeat;}
.list-title{width: 300px; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: absolute; top:0;}