@charset "utf-8";
/* CSS Document */
.lof-slidecontent{	position:relative;	overflow:hidden;	border:none;	width:auto;	height:auto}
.lof-slidecontent li {	list-style-type:none!important;}
.lof-slidecontent h4 {	text-transform:inherit;}
.lof-slidecontent .preload{	height:100%;	width:100%;	background:#FFF;	position:absolute;	top:0;	left:0;	z-index:100000;	color:#FFF;	text-align:center}
.lof-slidecontent .preload div{	height:100%;	width:100%;	background:transparent url(images/load-indicator.gif) no-repeat scroll 50% 50%;}
/* main flash */.lof-main-wapper{	margin-right:auto;	overflow:hidden;	background:transparent url(images/load-indicator.gif) no-repeat scroll 50% 50%;	padding:0px;	height:100%;	width:600px;	position:relative;	overflow:hidden;}
.lof-main-wapper .lof-main-item{	overflow:hidden;	padding:0px;	margin:0px;	height:100%;	width:100%;	position:absolute;}
.lof-main-wapper .lof-main-item img{	padding:0px;}
.lof-main-item-desc{	z-index:3;	position:absolute;	top:230px;	left:50px;	width:400px;	background:url(images/transparent_bg.png);	/* filter:0.7(opacity:60) */}
.lof-main-item-desc p{	color:#FFF;	margin:0 8px;	padding:8px 0}
.lof-main-item-desc h4 a{	color:#FFF;	margin:0;	font-size:140%;	padding:20px 8px 2px;font-family:Arial,Verdana,sans-serif;}
.lof-main-item-desc h4 a:hover{	color:#FFF600;	text-decoration:underline;}
/* item navigator */ul.lof-navigator{	list-style: none;	top:0;	padding:0;	margin:0;	position:absolute;	width:100%;	background:none;}
ul.lof-navigator li{	cursor:pointer;	list-style:none;	width:100%;	padding:0;	margin:0;	overflow:hidden;	/* CSS3 standard */	opacity:0.2;}
.lof-navigator-outer{	position:absolute;	right:0;	top:00px;	z-index:3;	height:300px;	width:310px;	overflow:hidden;	color:#FFF;}
.lof-navigator li.active{	color:#FFF;	/* CSS3 standard */	opacity:1;}
.lof-navigator li:hover{}
.lof-navigator li h4{	color:#FFF;	font-size:100%;	padding:15px 0 0 !important;	margin:0;}
.lof-navigator li div{	height:100%;	position:relative;	margin: 0;}
.lof-navigator li.active div{	color:#FFF;}
.lof-navigator li img{	border: 1px solid #121212;	margin: 0;	float:left;}
.lof-navigator li.active img{	border: 1px solid #565656;}
.lof-navigator li.active h4{	color:#FFF;}
.lof-next{	position:absolute;	top:0;	height:30px;	display:block;	width:100%;}
.lof-previous{	position:absolute;	bottom:0;	height:30px;	display:block;	width:100%;}
/** css for override **/	/* move the main wapper to the right side */.lof-snleft .lof-main-wapper{margin-left:auto;margin-right:inherit;	clear:both;	height:300px;}
.lof-snleft .lof-main-item img {float:right;}	
/* move the navigator to the left  side */
.lof-snleft .lof-navigator-outer{left:0;top:0;right:inherit;text-align:left;}
.lof-snleft .lof-main-item-desc{left:auto;right:50px;}
.lof-snleft .lof-navigator .active{	}
.lof-snleft .lof-navigator li div{margin-left:inherit;margin-right:18px;}
.lof-snleft .lof-navigator li.active div{margin-left:inherit;margin-right:18px;	}