.mp_banner img{
	width: 100%;
}
/* �м����ֲ������� */
.mp-play-box{
	position: relative;
	background: #ebebeb;
	overflow: hidden;
}
/* ���ַ��� */
.mp-kind a{
	position: absolute;
	display: block;
	width: 15%;
	text-align: center;
	font-size: 12px;
	color: #fff;
	background: url("../../images/mp3/kind_btn_default.png") center no-repeat;
	background-size:contain;
	z-index:99;
}
.mp-kind .cur{
	background: url("../../images/mp3/kind_btn_cur.png") center no-repeat;
	background-size: cover;
}
.mp-kind a:first-child{
	top:300px ;
	left: 7%;
	background:url("../../images/mp3/kind_btn_f.png") center no-repeat;
	background-size: cover;
}
.mp-kind a:nth-child(2) {
	left: 17%;
}
.mp-kind a:nth-child(3) {
	left: 32%;
}
.mp-kind a:nth-child(4) {
	left: 53%;
}
.mp-kind a:nth-child(5) {
	left:68%;
}
.mp-kind a:nth-child(6) {
	left: 78%;
}
/* ���Ű�ť */
.mp-player{
	position: absolute;
	z-index: 0;
	left:21% ;
	width: 50%;
	background: url("../../images/mp3/mp_play.png") center no-repeat;
	background-size: 100%;
}
.mp-player a{
	position: absolute;
	top: 50%;
	left: 52%;
	width: 14%;
	margin-top: -7%;
}
.mp-player .stop{
	background: url("../../images/mp3/mp_play_stop.png") center no-repeat;
	background-size: 100%;
}
.mp-player .go{
	background: url("../../images/mp3/mp_play_go.png") center no-repeat;
	background-size: 100%;
}
/* ���Ž��� */
.mp-process{
	position: relative;
	z-index: 1;
	width: 90%;
	margin-left: 5%;
	margin-bottom: 5%;
	overflow: hidden;
	background: url("../../images/mp3/mp_play_bg.png") top center no-repeat;
	background-size: 100%;
}
.mp-process .process-btn a{
	position: absolute;
	top: 10%;
	width:7%;
	height: 20%;
}
.mp-process .process-btn a:first-child{
	left: 18%;
	background: url("../../images/mp3/mp_play_pre.png") center no-repeat;
	background-size: 100%;
}
.mp-process .process-btn a:nth-child(2){
	right:25%;
	background: url("../../images/mp3/mp_play_next.png") center no-repeat;
	background-size: 100%;
}
.mp-process .process-btn a:nth-child(3){
	right: 12%;
	width:5%;
	background: url("../../images/mp3/mp_play_reset.png") center no-repeat;
	background-size: 100%;
}
.mp-process .process-bar{
	position: relative;
	margin-top: 15%;
	margin-left: 18%;
}
.mp-process .nstSlider{
	width: 64% !important;
	height: 5px;
	box-shadow: 0 1px 1px #fff;
	background: #999;
	border-radius: 2px;
	margin-left: 5%;
}
.mp-process .nstSlider .leftGrip{
	width: 18px;
	height: 18px;
	margin-top: -12px;
	background: #f00;
	border-radius: 50%;
	box-shadow: 0 3px 5px #999;
	position:relative;
}

.mp-process .nstSlider .bar{
	top: 0;
	height: 5px;
	background: #ff4800;
}
.mp-process .play-time{
	position: absolute;
	top:-4px;
	left: 69%;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #ff4c00;
	text-shadow: 0 1px 0 #fff;
}
.mp_name{
	width: 86%;
	height: 24px;
	line-height: 24px;
	margin:9% auto 0;
	overflow: hidden;
	font-size:12px;
}
/* �����б� */
.mp_list{
	min-height: 300px;
	border-top: 4px solid #ff6d29;
}
.mp_list_left{
	width: 22%;
	border-right: 1px solid #ddd;
	box-sizing: border-box;
}
.mp_list_left li{
	height: 48px;
	line-height: 48px;
	text-align: center;
	border-bottom: 1px solid #ddd;
}
.mp_list_left li a{
	display: block;
	height: 48px;
	line-height: 48px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient: vertical;
}
.mp_list_left li a:hover{
	border-left: 2px solid #ff6d29;
	border-right: 1px solid #fff;
	background: #fff;
	color: #ff6d29;
}
.mp_list_left li a.column-current{
	border-left: 2px solid #ff6d29;
	border-right: 1px solid #fff;
	background: #fff;
	color: #ff6d29;
}
.mp_list_right{
	width: 73.8%;
	padding:0 3%;
	background: #fff;
}
.mp_list_right li a{
	display: block;
	height: 48px;
	line-height: 48px;
	border-bottom: 1px dashed #ccc;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient: vertical;
}
.mp_list_right li a:hover{
	color: #ff6d29;
}
.mp_list_right li a.jp-playlist-current{
	color: #ff6d29;
}
.mp_list_right{
	width: 72%;
}
/*���ض���*/
.go_top{ width:50px; height:50px; position:fixed; bottom:20px; right:20px; _position:absolute; _top:expression(documentElement.scrollTop+document.documentElement.clientHeight -85);}
.go_top a{ cursor:pointer; width:50px; height:50px; display:block; background:url(../../images/mp/go_top_ico.png) no-repeat;}