@charset "utf-8";
/* CSS Document */
.lof-slidecontent, .lof-slidecontent a {
	color:#FFF;	
}
.lof-slidecontent a.readmore{
	color:#58B1EA;
	font-size:95%;
	
}
.lof-slidecontent{
	overflow: hidden;
    padding-bottom: 71px;
    position: relative;
}
.lof-slidecontent .preload{
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:100000;
	text-align:center;
	background:#FFF
}
.lof-slidecontent .preload div{
	height:100%;
	width:100%;
	background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;
}
.lof-main-outer{
	position:relative;
	height:100%;
	width:960px!important;
	z-index:3px;
	overflow:hidden;
}


/*******************************************************/
.lof-main-item-desc{
	background: none repeat scroll 0 0 #F0EEEA;
    color: #000000;
    font-family: arial;
    font-size: 12px;
    height: 296px;
    padding: 45px 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 328px;
}
.lof-main-item-desc p{
	margin: 0;
    padding: 7px 20px;
}
.lof-main-item-desc img{
	margin: 0 0 25px; 
}
/* main flash */
ul.lof-main-wapper{
	/* margin-right:auto; */
	overflow:hidden;
	background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;
	padding:0px;
	margin:0;
	position:absolute;
	overflow:hidden;
}

ul.lof-main-wapper li{
	float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 960px;
}
.lof-opacity  li{
	position:absolute;
	top:0;
	left:0;
	float:inherit;
}
ul.lof-main-wapper li img{
	padding:0px;	
}

/* item navigator */
.lof-navigator-wapper {
	bottom: 0;
    left: 0;
    position: absolute;
}
.lof-navigator-outer{
	position:relative;
	z-index:100;
	height:180px;
	width:310px;
	overflow:hidden;
	color:#FFF;
	float:left
}
ul.lof-navigator{
	top:0;
	padding:0;
	margin:0;
	position:absolute;
	width:100%;
}
ul.lof-navigator li{
	cursor: pointer;
    display: block;
    float: left;
    list-style: none outside none;
    margin-left: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: center;
}
ul.lof-navigator li img{
	
}
ul.lof-navigator li:after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.5);
	width:100%;
	height:100%;
}
ul.lof-navigator li.active:after, ul.lof-navigator li:hover:after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:none;
	width:100%;
	height:100%;
}
.lof-navigator-wapper .lof-next,  .lof-navigator-wapper .lof-previous{
	color: #FFFFFF;
    cursor: pointer;
    display: block;
    height: 71px;
    width: 28px;
}
.lof-navigator-wapper .lof-next {
	background: url("../images/arrow-l.png") no-repeat scroll center 0 #000;
    float: left;
    text-indent: -999px;
}
.lof-navigator-wapper .lof-next:hover {
	background: url("../images/arrow-l.png") no-repeat scroll center -71px #ab2932;
    float: left;
    text-indent: -999px;
}
.lof-navigator-wapper .lof-previous {
	float:left;	
	text-indent:-999px;	
	background:url(../images/arrow-r.png) no-repeat center 0 #000;
}
.lof-navigator-wapper .lof-previous:hover {
	float:left;	
	text-indent:-999px;	
	background:url(../images/arrow-r.png) no-repeat center -71px #ab2932;
}