.mf{visibility: hidden; z-index:1; color:#666; font-size:11px}
.mf *
{
    outline: none;
    border: none;
    padding: 0;
    margin: 0;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -o-user-select: none;
    cursor: pointer;
}
.mf div.loader{
	position:absolute;
	text-align:center;
	z-index:10000;
	margin:0 auto;
	top:45%;
	width:100%;
	background:url(../images/skin/loading.gif) no-repeat 50% 0;
	padding:50px 0;
}
.mf div.caption
{
    position: absolute;
    text-align: center;
    z-index: 98;
    margin: 1em auto;
    bottom: 60px;
    width: 100%;
    color: #000000;
}
.mf div.mfNav{
	position:absolute;
	z-index:99;
	margin:0 auto;
	text-align:center;
	width:100%;
	bottom:20px;
	font-size:1px;
	line-height:1px;
	width:100%;
}
.mf div.autoPlayCon{
	float:left;
	width:10%;
	padding-left:3%;
	height:24px;
}
.mf a.play, .mf a.stop{
	width:27px;
	height:24px;
	float:left;
	cursor:pointer;
}
.mf a.play{
	background:url(skin/play.gif) no-repeat;
}
.mf a.stop{
	background:url(skin/stop.gif) no-repeat;
}
.mf div.sliderCon{
	margin-top:5px;
	float:left;
	width:100%;
}
.mf a.sliderNext{
	background:url(../images/skin/left.png) no-repeat;
}
.mf a.sliderPrev{
	background:url(../images/skin/right.png) no-repeat;
}
.mf a.sliderNext, a.sliderPrev{
	text-decoration:none;
	width:25px;
	height:20px;
	cursor:pointer;
	float:left;
}
.mf div.resizeCon{
	float:right;
	width:10%;
	padding-right:3%;
	height:24px;
}
.mf a.resize{
	width:34px;
	height:24px;
	float:right;
	cursor:pointer;
	background:url(skin/resize.gif) no-repeat;
}
.mf div.slider{
	background:url(../images/skin/middle.png) repeat-x;
	height:20px;
	position:relative;
	text-align:left;
	float:left;
}
.mf div.knob{
	height:20px;
	background:url(../images/skin/middle-slider.png) repeat-x right center;
}
.mf div.knobleft{
	background:url(../images/skin/left-slider.png) repeat-x center;
	width:8px;
	height:20px;
}