.mpSkin{
	position: relative;
}
.mpSkin .controlBar{
	position: absolute;
	bottom: 0px;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	border-top: 1px solid rgba(255, 255, 255, 0.6);
	height: 40px;
}
.mpSkin .playBttn {
	height: 20px;
	width: 20px;
	display: block;
	margin: 10px;
	overflow: hidden;
	position: relative;
}
.mpSkin .twoLine{
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	height: 100%;
	width: 100%;
	-webkit-transition: width 0.25s ease;
	transition: width 0.25s ease;
}
.mpSkin .twoLine > div {
	height: 100%;
	float: left;
	background-color: #fff;
	width: 36%;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
	overflow: hidden;
}
.mpSkin .twoLine > div:last-child{
	float: right;
}
.mpSkin .playBttn .triangle{
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 0;
	border-color: transparent transparent transparent #FFFFFF;
	-webkit-transition: border-width 0.25s ease;
	transition: border-width 0.25s ease;
}
.mpSkin .playBttn.paused .twoLine {
	width: 0%;
}
.mpSkin .playBttn.paused .triangle {
	border-width: 10px 0 10px 20px;
}