@charset "utf-8";
/* CSS Document */

.lof-slidecontent.lof-page {
	width: 870px
}

.lof-slidecontent.lof-page, .lof-slidecontent a {
	color:#FFF;	
}
.lof-slidecontent.lof-page a.readmore{
	color:#58B1EA;
	font-size:95%;
	
}
.lof-slidecontent.lof-page{
	position:relative;
	overflow:hidden;
}
.lof-slidecontent.lof-page .preload{
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
	text-align:center;
	background:#FFF
}
.lof-slidecontent.lof-page .preload div{
	height:100%;
	width:100%;
	background:transparent url(../../images/slider/load-indicator.gif) no-repeat scroll 50% 50%;
}
.lof-slidecontent.lof-page .lof-main-outer{
	position:relative;
	height:100%;
	width:870px;
	height: 70px;
	z-index:3;
}

/* main flash */
.lof-slidecontent.lof-page ul.lof-main-wapper{
	/* margin-right:auto; */
	background:transparent url(../../images/slider/load-indicator.gif) no-repeat scroll 50% 50%;
	padding:0px;
	margin:0;
	position:absolute;
	overflow:hidden;
	list-style-type: none !important;
}

.lof-slidecontent.lof-page ul.lof-main-wapper li{
	overflow:hidden;
	float:left;
	height: 70px;
	width: 870px;
	position:relative;
	margin-right: 40px;
	padding: 0px;
}

.lof-slidecontent.lof-page .lof-opacity {
	overflow:visible  !important;;
	position:absolute !important;
}
.lof-slidecontent.lof-page .lof-opacity  li{
	position:absolute  !important;;
	top:0;
	left:0;
	float:inherit  !important;
}
.lof-slidecontent.lof-page ul.lof-main-wapper li img{
	padding:0px;
	float: left;
	margin-right: 16px;
	width: 110px;
	height: 70px;
}

.lof-slidecontent.lof-page ul.lof-main-wapper li img.last{
	margin: 0;	
}


/* item navigator */
.lof-slidecontent.lof-page .lof-navigator-wapper {
	position:absolute;
	top: 0px;
	right:20px;
	width: 910px;
	margin-top: 30px
}
.lof-slidecontent.lof-page .lof-navigator-outer{
	position:relative;
	width: 100%;
	z-index:100;
	height:30px;
	width:910px;
	color:#FFF;
}

.lof-slidecontent.lof-page ul.lof-navigator{
	top:0;
	right: 0;
	position:absolute;
	width: auto;
}
.lof-page ul.lof-navigator li{
	cursor:pointer;
	list-style:none;
	margin-left: 11px;
	float:left;
	height: 10px;
	width: 10px;
	background:#ffffff url(../../images/slider/page-slider-thumb.png) no-repeat;
	
}
.lof-page ul.lof-navigator li.active , .lof-page ul.lof-navigator li:hover  {
	background:#ffffff url(../../images/slider/page-slider-thumb-active.png) no-repeat;
	color:#000;
	display:block;
}