.mf { visibility: hidden; z-index:1; color:#fff; font-size:14px }
.mf * { outline:none; border:none; padding:0; margin:0; -moz-user-select: none; -webkit-user-select: none; user-select:none; -o-user-select:none }
.mf div.loader { position:absolute; text-align:center; z-index:10000; margin:0 auto; top:45%; width:100%; background:url(/img/skin/ajax_loader.gif) no-repeat 50% 0; padding:50px 0; font-family: Arial, Helvetica, sans-serif; }
.mf div.caption { display: none; }
/*.mf div.caption { position:absolute; text-align:center; z-index:98; margin:1em auto; bottom:50px; width:100%; }*/


#contentTop .mf div.mfNav { position:absolute; z-index:99; text-align:center; font-size:1px; line-height:1px; width:100%; margin-right: auto; margin-bottom: 0; margin-left: auto; }
#contentTop .mf div.autoPlayCon { float:left; height:22px; width: 8%; }
#contentTop .mf div.resizeCon { float:right; width:1%; height:22px; }
#contentTop .mf div.sliderCon { margin-top:0px; float:left; width:84%; margin-right: auto; margin-left: auto; }

#content2ndlist .mf div.mfNav { position:absolute; z-index:99; margin:0 auto; text-align:center; bottom:20px; font-size:1px; line-height:1px; width:100%; }
#content2ndlist .mf div.autoPlayCon { float:left; padding-left:3%; height:22px; width: 80px;}
#content2ndlist .mf a.play,
#content2ndlist .mf a.stop { width:26px; height:22px; float:left; cursor:pointer; }
#content2ndlist .mf a.play { background:url(/img/skin/play.gif) no-repeat; margin-right: 0px; }
#content2ndlist .mf a.stop { background:url(/img/skin/stop.gif) no-repeat; margin-left: 23px; }
#content2ndlist .mf div.sliderCon { margin-top:0px; float:left; width:84%; }
#content2ndlist .mf div.resizeCon { float:right; width:10%; padding-right:3%; height:22px; }
#content2ndlist .mf a.resize { width:34px; height:22px; float:right; cursor:pointer; background:url(/img/skin/resize.gif) no-repeat; }

.mf a.sliderNext { background:url(/img/skin/left.gif) no-repeat; }
.mf a.sliderPrev { background:url(/img/skin/right.gif) no-repeat; }
.mf a.sliderNext, a.sliderPrev { text-decoration:none; width:32px; height:22px; cursor:pointer; float:left; }

.mf div.slider { background:url(/img/skin/middle.gif) repeat-x; height:22px; position:relative; text-align:left; float:left; }
.mf div.knob { height:22px; background:url(/img/skin/middle-slider.gif) repeat-x right center; }
.mf div.knobleft { background:url(/img/skin/left-slider.gif) repeat-x center; width:9px; height:22px; }

.mf a.show { position:absolute; margin-left:-16px; width:35px; height:35px; top:70%; left:50%; z-index:100; cursor:pointer; }
.mf a.show.image { background:url(/img/skin/open_image.png) no-repeat 50%; }
.mf a.show.viewerload { background:url(/img/skin/loader.gif) no-repeat 50%; }
.mf a.show.link { background:url(/img/skin/open_link.png) no-repeat 10%; }
.mf div.tooltip { background:url(/img/skin/tooltip.png) no-repeat 50%; width:104px; margin-left:-70px; height:40px; padding:20px; position:absolute; z-index:101; top:0px; left:50%; text-align:center; }
