@charset "utf-8";
/* CSS Document */
.lof-slidecontent{
	position:relative;
	border:#E8E8E8 solid 1px;
	
}
.lof-slidecontent .lof-inner {
	padding:10px;	
}
.lof-slidecontent .lof-shadow{
	background:url(shadow.png) no-repeat scroll 0 100% transparent;
	width:100%;
	height:20px;
}
.lof-slidecontent .preload{
	height:100%;
	width:100%;
	background:#FFF;
	position:absolute;
	top:0;
	left:0;
	z-index:9;
	color:#FFF;
	text-align:center
}
.lof-slidecontent .preload div{
	height:100%;
	width:100%;
	background:transparent url(load-indicator.gif) no-repeat scroll 50% 50%;
}
.lof-slidecontent ul{
	margin:0;
}
.lof-slidecontent ul li{
	cursor:hand; 
	cursor:pointer;
	list-style-type:armenian;
	padding:0
}



/* main flash */
 .lof-previous,  .lof-next {
	z-index:4;
	position:absolute;
	bottom:10px;
	height:22px;
	display:block;
	width:22px;
	overflow:hidden;
	text-indent:-999em; cursor:hand; cursor:pointer}
 .lof-next{	left:40px;background:url(next.png) repeat;}
.lof-previous{	left:10px;	background:url(previous.png) repeat;}

.lof-main-wapper{
	margin-left:auto;
	overflow:hidden;
	background:transparent url(load-indicator.gif) no-repeat scroll 50% 50%;
	padding:0px;
	width:100%;
	height:100%;
	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;	
}
/* item navigator */
ul.lof-navigator{
	margin:0!important;
	padding:0!important;
}
.lof-navigator-outer{
	position:absolute;
	right:10px;
	bottom:5px;
	z-index:100
}
.lof-description{
	z-index:100px;
	position:absolute;
	top:0px;
	right:0px;
	width:300px;
	padding:10px;
	background:url(overlay.png);

	/* filter:0.7(opacity:60) */
}
.lof-description p{
	color:#FFF;
	font-size:11px;
	
}
.lof-description h3{

	padding:10px 5px;
	margin-bottom:4px;

}
.lof-description h3 a{
	color:#FFF;	
	margin:0;
	font-size:140%;
	padding:20px 8px 2px;
	font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
}
.lof-description h3 a:hover{
	color:#FF6;
	text-decoration:underline;
}
.lof-navigator-item{
	height:30px;
	width:34px;
	padding:0!important;
	display:block;
	float:left;
	font-size:14px;
	color:#fff;
	text-align:center;
	background:url(is_bullet.png) no-repeat 0 top; 
	margin-left:0!important;
	line-height:20px;
	font-weight:bold;
}
.lof-navigator-item div{
	 margin-right:12px;	
}
.lof-navigator .active{
	background:url(is_bullet.png) no-repeat 0 bottom;
	color:#fff;
}
.lof-navigator-item img{
	border:#FFC solid 1px;
	margin:2px;
	padding:2px;
	width:40px;
	float:left;
	
}
li.lof-navigator-item:hover{
	background:url(is_bullet.png) no-repeat 0 bottom; color:#fff;
}
/** CSS3 **/
 .lof-css3 .lof-description {-moz-box-shadow:0 0 2px #666;-webkit-box-shadow:0 0 2px #666;box-shadow: 0px 0px 2px #666;}
 .lof-css3 , .lof-ass  .lof-css3 .preload { -moz-box-shadow:0 0 10px #333;-webkit-box-shadow:0 0 10px #333; box-shadow: 0px 0px 10px #333;}
/**
 * Tool tip style
 */
.tip-tip {
        width: 175px;
		height:135px;
        z-index: 13000;
		background:url(popup_bg.png) no-repeat;
}

.tip				{ 
	 width: 175px;
	height:135px;
	z-index: 13000;
	background:url(popup_bg.png) no-repeat;
}
.tip-title		{ 
	font-size: 10px;
	margin-left:8px;
	width: 175px;	
	color:#FFF;
	padding: 8px 8px 4px;
}
.tip-text		{ 
	  font-size: 11px;
        padding: 4px 8px 8px;
		background:transparent url(loader.gif) no-repeat scroll 50% 50%;
}
.tip-text img{
	border:#999 solid 1px;
	margin-left:7px;
	padding:1px;
}