* {margin:0;padding:0;}
.head{position: absolute; top:-13px;height:38px;border-style:solid;border-width:0px 0px 0px 0px;overflow:hidden;padding:1px1px; position:relative; border-bottom: 0px solid #242b34;box-sizing}
.info li{float:left;}
.title,.album,.artist{ height:18px; overflow:hidden;}
.title,.album,.artist,.btn{width:100%;padding:6px 0px;padding-left:6px;text-align:left;}
.title{color: #333;}
.album,.artist{color:#B3B3B3;font-weight:normal;}
.album a,.artist a{color:#B3B3B3; text-decoration:none}
li.album.m_album{display:none}
.btn div{float:left;padding-top:6px;}
li.img_box{float: left;width: 50px;height: 50px;}
.m_title {margin-left: 60px;margin-top:6px;padding:0 10px 1px 7px;color:#FFFFFF;line-height:20px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; position: absolute; z-index:30}
.m_artist{color: #959ea7;float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis; position: absolute; z-index:30;top: 25px;background: url(./img/play_btnset.png) no-repeat -48px 6px ;padding-left: 24px;margin-left: 60px;margin-top: 2px;}
.btn_bar span,.vol_bar span{background: url(./img/play_btnset.png) no-repeat ; background-size: 200px;  display: block;text-indent: -9999px;overflow: hidden;position: relative;visiblity: hidden; position:absolute; cursor:pointer}
.vol_bar span,.play_rand span{background: url(./img/play_btnset.png) no-repeat ; background-size: 300px;  display: block;text-indent: -9999px;overflow: hidden;position: relative;visiblity: hidden; position:absolute; cursor:pointer}
.progressControl{position: relative; height: 15px;}
.jp-progress{height:18px;  margin:0 50px; position:relative; z-index:200}
.info .btn{position: relative;height: 27px;margin: 0 8px; padding:0}
.btn_bar{text-align:left;float:left;height:40px;overflow:hidden;}
.btn_bar span{ margin:1px}
span.btnPrev {width: 20px;height: 17px;margin-left: -42px;background-position: -60px -20px;left:60%}
span.btnPrev:hover {background-position:-60px -40px}
span.btnPrev:active {background-position:-60px -20px}
span.btnNext {width: 20px;height: 17px;margin-left: 9px;background-position: -120px -20px;left:60%}
span.btnNext:hover {background-position:-120px -40px}
span.btnNext:active {background-position:-120px -40px}
span.jp-play {width: 17px;height: 17px;margin-left: -15px;background-position: -80px -20px;left:60%}
span.jp-play:hover {background-position:-80px -59px}
span.jp-play:active {background-position:-80px -59px}
span.jp-pause {width: 17px;height: 17px;margin-left: -15px;background-position: -100px -40px;left:60%}
span.jp-pause:hover {background-position:-100px -59px}
span.jp-pause:active {background-position:-100px -59px}
span.repeat_off {width: 22px;height: 28px;margin-left: 5px;background-position: 0 -30px;}
span.repeat_onAll {width: 22px;height: 28px;margin-left: 5px;background-position: 0 -30px;}
span.repeat_onOne {width: 22px;height: 28px;margin-left: 5px;background-position: 0 -90px;}
span.shuffle_off {width: 20px;height: 28px;margin-left: 5px;background-position: -60px -30px; left:23px}
span.shuffle_on {width: 20px;height: 28px;margin-left: 5px;background-position: -60px -90px; left:23px}
.vol_bar{float: right;width: 69px;padding-top: 6px;}
.vol_btn{height:100%;width:10px;background-position:-300px -196px;z-index:999;position:absolute;right: -4px;top:-5px;}
.volume{}
.volume.on{float: left;width: 18px;height: 15px;background-position: -210px -35px; position:relative}
//.volume.on:hover{float: left;width: 18px;height: 15px;background-position:-210px -95px;}
.volume.off{background-position:-50px -200px;width:17px;height:100%;}
span.vol_line{position: relative;float: left;width: 50px;height: 15px;background-position: -228px -35px;cursor: pointer;}
span.vol_line:hover{background-position:-228px -64px}
span.vol_line_on{position: absolute;height: 8px;top: 4px;background-position: -228px -99px;display: block;left: 0;}
.progress{position: relative;display: block;width: 100%;height: 4px;background: #000;top: 2px;}
.progress:hover{background: #999}
.progress_on{display:block;height:15px;background-position:0 -300px;width:0%;position:relative;}
.ui-slider-range{position: absolute;display: block;height: 2px;border: 1px solid #000;background: #ff0066;}
.progress_btn{display:block;position:absolute;left:97%;height:15px;width:14px;background-position:-400px -250px;z-index:999;}
.ui-slider-handle{position: absolute;width: 6px;height: 6px;border: 1px solid #000;-webkit-border-radius: 5px;border-radius: 5px;background: #fff;top: -2px;right: -4px;text-indent: -9999px;overflow: hidden;}
.play_time{text-align:right;overflow:hidden;clear:both; z-index:100; position:relative;top:0px;}
.play_time .jp-current-time{ float:left}
#play_list { margin-top:10px}
#play_list li{padding-left:5px; padding-top:4.4px; padding-bottom:2.4px; display:block ; height:18px; line-height:16px; display:block; overflow:hidden; border-bottom:1px solid #f0f0f0;}
#play_list li:last-child{border-bottom:0px solid #f0f0f0;}
#play_list li a{float:left;display:block;}
#play_list li:hover{ background: #f3f3f3; display:block;}
#play_list li div{ position:relative}
li.jp-playlist-current {background-color: #ededed;}
li.jp-playlist-current a{color: #ff0066;font-weight: bold;text-decoration:none;}
a.jp-playlist-item{ color: #333;width:100%;}
.jp-playlist-item em{display: inline-block;vertical-align: middle;color: #dadada;margin: 0 3px; font-weight:normal}
a.jp-check{padding:3px 5px 0px 0px;}
a.jp-playlist-item-remove {font-weight:bold;color:#ccc;padding-left:5px; position:absolute; right:10px; top:0}
span.jp-artist{display: inline-block;vertical-align: middle;color: #717171;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;font-weight:normal}
span.titsong{ max-width:240px;display: inline-block;vertical-align: middle;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;}
jp-playlist-item-remove:hover { color:#E892E9; }
#top_music a.jp_download,#my_album a.jp_download,#play_list a.jp_download{ color:#8C7A99;width:33px;background-position:-0px -500px;height:18px; }
.artistname .tracktitle {color: #555; font-weight: bold;}
.scrollArea {border-bottom: 0px solid #ccc;}
img { border:none }
A:link {text-decoration:none;}
A:visited {text-decoration:none;}
A:active {text-decoration:none;}
A:hover {text-decoration:none;}
a { selector-dummy : expression(this.hideFocus=true);} 
body {width:100%;}
.img_box{display: none;}
.playrand{position: absolute; top:12px;left:2px;}
.head{width:640px;border-color:#2C3749 ;background: #2C3749;}
div .t_bg{height:18px; width:280px; position: absolute; top:15px;left:55px;background: linear-gradient(to bottom,  #143d5b 15%, #111 40%,#000 100%);border:1px solid #999;border-radius:15px;}
div .m_title{position: absolute; top:10px;left:82px; max-width:168px;display: inline-block;vertical-align: middle;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;font-family:¸¼Àº °íµñ,arlal, µ¸¿ò;font-size:9pt;}
div .progress{width:130px;position: absolute;top:23px;left:372px;}
div .vol_bar{width:640px;position: absolute;top:11px;left:565px;}
div .play_time{width:70px;position: absolute;top:19px;left:62px; color:#aaa;font-family:¸¼Àº °íµñ,µ¸¿ò, arlal, µ¸¿ò;font-size:9pt;}
div .playControl{position: absolute;left:390px;}
div .no_list{position: absolute; top:50px;left:0px;display: none;}