/* CSS Document */
.music-player {
   width: 100%;
   height: 80px;
   position: fixed;
   _position: absolute;
   bottom: 0px;
   left: 0;
   border-radius: 0 4px 4px 0;
   z-index: 9999;
   left: 0;
}.music-player .folded_bt {
    cursor: pointer;
    background: url(../images/player_show.png) center no-repeat #383838;
    display: block;
    width:30px;
    height:80px;
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    border-radius:0 4px 4px 0;
    box-shadow: 0 2px 20px rgba(0,0,0,.8);
}
.wrapper {
	width: 90%;
	height: 80px;
	position: fixed;
	bottom: 0px;
	left: -90%;
	z-index: 9999;
	font-size: 12px;
	margin: 0px auto;
	padding: 20px;
	border: 1px solid #2A2A2A;
	background: #000;
	box-shadow: 0 2px 20px rgba(0,0,0,.8);
}
.bg {background:url(../images/player.png); _background:url(../images/player.gif);}
.mode-bg {background:url(../images/mode.png);}
.player {margin-left:auto;margin-right:auto;/*width: 960px;*/height:35px;}
.player-l{float:left; width:3px; height:35px; background-position:0px 0px;}
.player-r{float:left; width:3px; height:35px; background-position:-11px 0px;}
.player-block {float:left; width:98%; display:block; height:35px; background-position:0px -38px; background-repeat: repeat-x; }
.player-block .playlist {float:left;margin-top:8px;margin-left:10px;margin-right: 30px;width: 240px;height:27px;border: 1px solid #333;background: #222;position:relative;display:inline;}
.player-block .playlist p { background:url(../images/liebiao.png) center center no-repeat;position:absolute; width:10px; height:11px; left:4px; top:7px;  margin:0; padding:0;}
.player-block .playlist span {position:absolute;left:0px;top:0px;padding-left:20px;padding-right:10px;color:#fff;display:block;background-color: #252525;border-right: 1px solid #444;line-height:25px;_line-height:20px;height:25px;overflow:hidden;}
.player-block .playlist .select {position:absolute; right:0px;top:0px; border:3px solid #585858; width:238px; height:12px; z-index:3; display:none; *display:block; _display:none;}
.player-block .playlist select {width: 182px;height:25px;position:absolute;top:0px;left:56px;background: #222;border:none;padding:2px;color:#fff;padding-top:1px;z-index:1;font-size:12px;line-height:25px;}
.seprator {float:left; width:3px; height:35px; background-position:-17px 0px; }
.player-block .controls {float:left;width: auto;height:35px;padding-left: 5px;pad;padding-right: 35px;}
.player-block .controls a {margin-left:5px;display:inline; }
.player-block .controls a.single-mode {float:left; width:29px; height:26px; display:block; background-position:0px -40px; margin-top:5px; margin-left:0px;}
.player-block .controls a:hover.single-mode,.player-block .controls a.single-mode-select {background-position:0px -5px;}
.player-block .controls a.random-mode {float:left; width:28px; height:26px; display:block; background-position:-61px -40px; margin-top:5px; margin-left:0px;}
.player-block .controls a:hover.random-mode,.player-block .controls a.random-mode-select {background-position:-61px -5px;}
.player-block .controls a.order-mode {float:left; width:28px; height:26px; display:block; background-position:-31px -40px; margin-top:5px; margin-left:0px;}
.player-block .controls a:hover.order-mode,.player-block .controls a.order-mode-select {background-position:-31px -5px;}
.player-block .controls a.pre {float:left; width:26px; height:26px; display:block; background-position:-92px -40px; margin-top:5px; }
.player-block .controls a:hover.pre {background-position:-92px -5px;}
.player-block .controls a.pause {float:left; width: 33px;
    height: 32px; display:block; background-position:-169px -36px; margin-top:1px;}
.player-block .controls a:hover.pause {background-position:-169px -2px;}
.player-block .controls a.play {float: left;width: 33px;height: 32px;display: block;background-position: -128px -37px;margin-top: 1px; }
.player-block .controls a:hover.play {background-position:-128px -2px;}
.player-block .controls a.next {float:left; width:26px; height:27px; display:block;background-position:-253px -40px; margin-top:4px;}
.player-block .controls a:hover.next {background-position:-253px -5px;}
.player-block .controls a.download {float:left; width:34px; height:20px; display:block; background-position:-58px -10px; margin-top:8px; color:#fff; padding-left:23px; line-height:20px; text-decoration:none;}
.player-block .info {float:left;height:26px;color:#fff;padding-left:5px;padding-right: 35px;padding-top: 0;padding-bottom:2px;width: 270px;}
.player-block .info .song-name {float:left; margin-right: 20px;margin-top:2px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.player-block .info .s {float:left; width:5px; height:15px; line-height:15px; margin-top:2px; text-align:right;}
.player-block .info .time {float:left;height:15px; line-height:15px; margin-top:2px; text-align:right;}
.player-block .info .tracks {float:left;width:98%;height:7px;background-position:0px -198px;margin-top: 10px;padding-left:3px;position:relative;}
.player-block .info .tracks .download-bar {position:absolute; left:0px; top:-1px; _top:0px; width:30%; height:7px; margin-left:2px; display:inline; background-position:0px -231px; background-repeat:repeat-x; min-width:2px; z-index:0;}
.player-block .info .tracks .download-bar .l {float:left; width:3px; height:7px; background-position:0px -224px; margin-left:-3px; _margin-top:-1px;font-size:0px; position:relative; display:inline;}
.player-block .info .tracks .download-bar .r {float:right; width:5px; height:7px; background-position:0px -238px; margin-right:-3px; _margin-top:-1px;font-size:0px; position:relative; display:inline;}
.player-block .info .tracks .seek-bar {position:absolute; left:0px; top:0px; width:10%; height:7px; margin-left:2px; display:inline; background-position:0px -271px; background-repeat:repeat-x; min-width:2px; z-index:1;}
.player-block .info .tracks .seek-bar .l {float:left; width:4px; height:7px; background-position:0px -262px; margin-left:-3px; margin-top:-1px; _margin-top:-2px; font-size:0px; position:relative; display:inline; }
.player-block .info .tracks .seek-bar .r {float:right; width:3px; height:7px; background-position:-1px -279px; margin-right:-3px; margin-top:0px;font-size:0px; position:absolute; right:0px; display:inline;}
.player-block .info .tracks .seek-bar .point {position:absolute; right:0px; width:13px; height:13px; background-position:-146px -12px; margin-right:-5px; margin-top:-4px; _margin-top:-5px;}
.player-block .volumn {float: right;width:150px;height:26px;color:#fff;padding-left:5px;padding-right:5px;padding-top:2px;padding-bottom:2px;}
.player-block .volumn .mute {float:left; width:20px; height:17px;  background-position:-287px 2px; margin-top:5px; display:none;}
.player-block .volumn .unmute {float:left; width:20px; height:17px;  background-position:-287px -18px;; margin-top:5px;}
.player-block .volumn .line {float:left;width: 110px;background-position:0px -107px;margin-top:11px;margin-left:10px;display:inline;}
.player-block .volumn .tracks {float:left; width:90%; height:10px; padding-left:6px; position:relative;}
.player-block .volumn .tracks .volumn-bar {position:absolute; left:0px; top:0px; width:40%; height:10px; margin-left:2px; display:inline; background-position:0px -85px; background-repeat:repeat-x; min-width:2px;}
.player-block .volumn .tracks .volumn-bar .l {float:left; width:4px; height:10px; background-position:0px -75px; margin-left:-3px; margin-top:0px; _margin-top:0px; font-size:0px; position:relative; display:inline; }
.player-block .volumn .tracks .volumn-bar .r {float:right; width:3px; height:10px; background-position:-1px -95px; margin-right:-3px; margin-top:0px;font-size:0px; position:absolute; right:0px; display:inline;}
.player-block .volumn .tracks .volumn-bar .point {position:absolute; right:0px; width:15px; _width:16px; height:15px; background-position:-122px -12px; margin-right:-5px; margin-top:-2px; _margin-top:-3px;}

@media screen and (min-width: 768px) and (max-width: 1024px){
	.player-block{ width:100%;}
.player-block .playlist {width: 160px; margin-right:20px;}
.player-block .playlist select { width:102px;}	
.player-block .info { width: 210px; padding-right: 20px;  float: right;}	
.player{ width:98%}
.player-block .controls{ padding-right:20px;}
.player-block .volumn{width: 30px;}
.player-block .volumn .line{width: 50px; display:none}


}