@font-face{font-family:'HelveticaNeue'; src:url('../player/fnt/helveticaneue-bold.ttf') format('truetype'); font-weight:bold; font-style:normal;}
@font-face{font-family:'HelveticaNeue'; src:url('../player/fnt/helveticaneue-regular.ttf') format('truetype'); font-weight:normal; font-style:normal;}

.mnpl{background:url('../player/img/mnpl_bg.png') 0 0 repeat;}
	.mnpl .ui-slider{position:absolute; cursor:pointer; height:8px; background:rgba(36, 36, 36, 0.6); border:1px solid rgba(0, 0, 0, 0.6); border-radius:5px;}
	.mnpl .ui-slider-handle{width:14px; height:14px; position:absolute; top:-3px; margin-left:-7px; z-index:200; background:url('../player/img/mnpl_tlb_btns.png') -84px bottom no-repeat; outline:none;}
	.mnpl .ui-widget-header{background:url(../player/img/mnpl_sl_active.png) repeat-x 0 0; height:8px; left:0; top:0; position:absolute; border-radius:5px 0 0 5px;}

	.mnpl_player{font-family:'HelveticaNeue'; color:#fff; position:absolute; width:309px; margin:-164px 0 0 -155px; top:50%; left:50%; box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.5); height:328px; border:1px solid #000; border-radius:3px; background:url('../player/img/playlist_bg.png') 0 0 repeat;}
		.mnpl_player .mnpl_toolbar{position:absolute; width:auto; height:30px; left:0; right:0; bottom:150px; border-top:1px solid #000; background-color:#222;}
			.mnpl_player .mnpl_toolbar .mnpl_tlb_prev{position:absolute; width:28px; height:30px; left:0; top:0; background:url('../player/img/mnpl_tlb_btns.png') 0 0 no-repeat; cursor:pointer;}
			.mnpl_player .mnpl_toolbar .mnpl_tlb_stop{position:absolute; width:28px; height:30px; left:28px; top:0; background:url('../player/img/mnpl_tlb_btns.png') -116px 0 no-repeat; cursor:pointer;}
			.mnpl_player .mnpl_toolbar .mnpl_tlb_stop.isplay{background-position:-28px 0;}
			.mnpl_player .mnpl_toolbar .mnpl_tlb_next{position:absolute; width:28px; height:30px; left:56px; top:0; background:url('../player/img/mnpl_tlb_btns.png') -56px 0 no-repeat; cursor:pointer; border-right:1px solid #000;}
			.mnpl_player .mnpl_long{position:absolute; left:122px; top:10px; width:148px;}
			.mnpl_player .mnpl_current{position:absolute; left:85px; top:0; padding:10px 0 0 9px; bottom:0; border-left:1px solid #2d2d2d; font-size:9px;}
			.mnpl_player .mnpl_all{position:absolute; left:282px; top:0; padding:10px 0 0; bottom:0; font-size:9px;}
		.mnpl_player .mnpl_art_bg{position:absolute; width:auto; height:auto; opacity:0.3; left:0; right:0; bottom:31px; top:0; background-repeat:no-repeat; background-position:center top; background-size:100% auto;}
		.mnpl_player .mnpl_cover{position:absolute; width:126px; height:126px; left:10px; top:10px; border-top:1px solid #141414; border-bottom:1px solid #000; border-left:1px solid #151515; border-right:1px solid #000; border-radius:5px;}
		.mnpl_player .mnpl_title{position:absolute; left:149px; top:21px; font-weight:bold; font-size:14px;}
		.mnpl_player .mnpl_author{position:absolute; left:149px; top:72px; font-weight:bold; font-size:11px; color:#ccc;}
			.mnpl_player li{float:left; width:10px; height:10px; padding-right:4px; background:url('../player/img/mnpl_tlb_btns.png') -84px 0 no-repeat; opacity:0.2;}
			.mnpl_player li.active{opacity:1;}
		.mnpl_player .mnpl_volume{position:absolute; left:168px; top:118px; width:102px;}
		.mnpl_player .mnpl_volume_min{position:absolute; left:147px; top:117px; width:12px; height:11px; background:url('../player/img/mnpl_tlb_btns.png') -98px bottom no-repeat;}
		.mnpl_player .mnpl_volume_max{position:absolute; left:280px; top:115px; width:18px; height:15px; background:url('../player/img/mnpl_tlb_btns.png') -98px 0 no-repeat;}
		.mnpl_playlist{background:url('../player/img/playlist_bg.png') 0 0 repeat; overflow-y:auto; position:absolute; width:auto; height:149px; border-top:1px solid #000; bottom:0; left:0; right:0;}
		.mnpl_playlist span{display:block; border-bottom:1px solid #000; padding:5px 20px; cursor:pointer; font-size:80%; opacity:0.8;}
		.mnpl_playlist span:hover{opacity:1;}
		::-webkit-scrollbar{width:13px; height:13px; background-color:#222;}
		::-webkit-scrollbar-corner{background:0px 0px;}
		::-webkit-scrollbar-thumb{border-radius:5px; border:3px solid transparent; border-image:initial;}
		::-webkit-scrollbar-thumb{box-shadow:rgba(255, 255, 255, 0.2) 0px 0px 0px 4px inset;}
		::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb:hover{min-height:20px;
		background-clip:content-box;}
		::-webkit-scrollbar-thumb:hover{box-shadow:rgba(255, 255, 255, 0.3) 0px 0px 0px 4px inset;}