.pl{background:url('../img/background.png') 0 0 repeat;}

	.pl .ui-slider-handle{width:1px; height:1px; position:absolute; z-index:200; outline:none;}

	.player{font-family:'Times New Roman'; color:#9BA7EE; position:relative; width:350px; margin:20px auto 20px; box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.5); height:90px; border:1px solid #000; border-radius:3px; background:url('../img/bg.png') 0 0 repeat;}
	
		.player .toolbar{position:absolute; width:100px; height:44px; right:0; top:0; background:url('../img/line_tb.png') 0 0 no-repeat;}
			.player .toolbar .tlb_prev{position:absolute; width:24px; height:37px; left:11px; top:4px; background:url('../img/btns.png') 0 0 no-repeat; cursor:pointer;}
			.player .toolbar .tlb_stop{position:absolute; width:32px; height:37px; left:35px; top:4px; background:url('../img/btns.png') -81px 0 no-repeat; cursor:pointer;}
			.player .toolbar .tlb_stop.isplay{background-position:-24px 0;}
			.player .toolbar .tlb_next{position:absolute; width:25px; height:37px; left:67px; top:4px; background:url('../img/btns.png') -56px 0 no-repeat; cursor:pointer;}
			
		.player .long{position:absolute; left:97px; top:56px; width:auto; right:89px; height:25px; background:url('../img/long_bg.png') 0 0 repeat-x; border-radius:5px;}
			.player .long .ui-widget-header{background:url('../img/long_polz.png') repeat-x 0 0; border:1px solid #150000; height:12px; top:5px; max-width:305px; margin:0 5px; position:absolute; border-radius:2px;}
		.player .current{position:absolute; left:270px; top:61px; font-size:11px; color:#F6F4CD;}
		.player .all{position:absolute; left:300px; top:61px; font-size:11px; color:#A2F695;}
			
		.player .cover{position:absolute; width:76px; height:76px; left:5px; top:5px; border:1px solid #000;}
		.player .author{position:absolute; left:10px; top:5px; font-size:18px; color:#88ABFA; background:url('../img/face.png') 0 0 no-repeat; padding-left:16px;}
		.player .title{position:absolute; left:10px; top:22px; font-size:18px; color:#FBF5C7; background:url('../img/note.png') 0 1px no-repeat; padding-left:15px;}

		.while_icon{position:absolute; top:53px; right:260px; width:81px; height:27px; background:url('../img/while.png');}		

		.rand{position:absolute; top:9px; right:180px; width:16px; height:13px; background:url('../img/rand.png') 0 0 no-repeat; cursor:pointer; opacity:0.5;}
		.rand.active{opacity:1;}
		.line{position:absolute; top:10px; right:183px; width:2px; height:25px; background:url('../img/line.png') 0 0 no-repeat;}
		.pl_icon{position:absolute; top:6px; right:115px; width:31px; height:19px; background:url('../img/pl_ico.png') 0 0 no-repeat; cursor:pointer;}
			.pl_icon.active{background-image:url('../img/pl_ico_a.png');}
		.vol_icon{position:absolute; top:6px; right:154px; width:18px; height:18px; background:url('../img/vol_ico.png') 0 0 no-repeat; cursor:pointer;}
			.vol_icon.active{background-image:url('../img/vol_ico_a.png');}
		.player .volume{position:absolute; right:106px; top:-19px; width:115px; height:29px; background:url('../img/vol_bg.png') 0 0 no-repeat; display:none;}
			.player .volume .ui-widget-header{background:url('../img/vol_polz.png') repeat-x 0 0; height:6px; top:10px; max-width:102px; left:7px; position:absolute; border-radius:3px;}
		
		.playlist{background:url('../img/bg.png') 0 0 repeat; height:442px; overflow-y:auto; position:absolute; width:auto; bottom:-446px; border-radius:3px; left:0; right:0;}
			.playlist span{display:block; background:url('../img/pl_bg.png') repeat-x 0 0; line-height:22px; height:22px; cursor:pointer; font-size:17px; padding:0 6px;}
			.playlist span:hover{color:#0889be;}
			.playlist span.active{color:#fff;}
			.playlist span.active{background-image:url('../img/pl_a_bg.png');}