@charset "utf-8";
/* CSS Document */
.lof-slidecontent{
	position:relative;
	overflow:hidden;
	width:100%;
	height:100%;
}

.lof-slidecontent .preload{
	height:100%;
	width:100%;
	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(../img/sload-indicator.gif) no-repeat scroll 50% 50%;
}
/* main flash */
.lof-main-wapper{
	margin-right:auto;
	overflow:hidden;
	background:transparent url(../img/sload-indicator.gif) no-repeat scroll 50% 50%;
	padding:0px;
	height: 350px;
	width: 650px;
	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;
	width: 650px;
	height: 350px;
}

.lof-main-item-desc{
	z-index:100px;
	position:absolute;
	top: 261px;
	left:20px;
	width:425px;
	background:url(../img/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 h3 a{
	color:#FFF;	
	margin:0;
	font-size:140%;
	padding:10px;
	font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
}
.lof-main-item-desc h3 a:hover{
	color:#E77402;
	text-decoration:none;
}


/* item navigator */
ul.lof-navigator{
	top:0;
	padding:0;
	margin:0;
	position:absolute;
	width:100%;
}
ul.lof-navigator li{
	cursor:pointer;
	list-style:none;
	width: 367px;
	padding: 0px;
	margin:0;
	overflow:hidden;
}
.lof-navigator-outer{
	position:absolute;
	right:0;
	top:00px;
	z-index:100;
	height:100%;
	height: 350px;
	width: 330px;
	color:#FFF;
}
.lof-navigator li.active{
	background:url(../img/arrow-bg.png) no-repeat scroll left center; 
	color:#FFF
}
.lof-navigator li:hover{
	
}


.lof-navigator li h3 {
    color: #FFF;
    width: 315px;
    font-size: 20px;
    padding: 15px 0 0 !important;
    margin: 0;
}

.lof-navigator li div{
	background:url(../img/transparent_bg.png);
	color:#FFF;
	height:100%;
	position:relative;
	margin-left:15px;
	padding-left:15px;
}

.lof-navigator li.active div{
	background:url(../img/grad-bg.gif);
	color:#FFF;
}
.lof-navigator li img{
	height:60px;
	width:60px;
	margin:15px 15px 10px 0px;
	float:left;
	padding:3px;
	border:#C5C5C5 solid 1px;
}
.lof-navigator li.active img{
	border:##6C8E5C  solid 1px;
}
.lof-navigator li.active h3{
	color:#FFF;
}
.lof-next{
	position:absolute;
	top:0;
	height:30px;
	background:#F9F9F9;
	display:block;
	width:100%;
}
.lof-previous{
	position:absolute;
	bottom:0;
	height:30px;
	background:#F9F9F9;
	display:block;
	width:100%;
}


.slider {
    clear: both;
    padding: 0px;
    margin: 0px;
    position: relative;
    height: 389px;
    width: 980px;
}
 
  
		
			.slider-item-small {
				width: 373px;
				height: 50px;
				background: #636363;
				overflow: hidden;
				position: absolute;
				right: 0;
			}
			
 
				
				.slider-item-small img {
					height: 61px;
					width:85px;
					border: 1px #404040 solid;
					float: left;
					margin: 0 10px 0 0;
				}
				
					.slider-item-small a:hover {
						color:#fff;
						
					}
					
			.slider-item-big {
				display: none;
				position: absolute;
				width: 607px;
				height: 374px;
				overflow: hidden;
			}
			
				.slider-item-big img {
					border: 0;
					height: 377px;
					width: 607px;
				}
				
				.slider-item-big h2 {background: rgba(255, 0, 0, 0.6);position: absolute;bottom: 3px;left: 5px;width: 577px;padding: 12px 10px 12px 10px;color: #fff;line-height: 25px;font-weight: bold;font-size: 18px;}
				
					.slider-item-big h2 a {
						color: #fff;
					}
					
				.slider-item-big-link {
					background: url(../images/slider-item-big-link.png) left top no-repeat;
					display: block;
					width: 135px;
					height: 32px;
					text-decoration: none;
					line-height: 32px;
					color: #2f2f2f;
					text-align: center;
					position: absolute;
					left: 465px;
					font-weight: bold;
				}
				
					.slider-item-big-link:hover {
						background: url(../images/slider-item-big-link.png) left bottom no-repeat;
						color: #fff;
					}
					
		.slider-item-active .slider-item-small {
			background: #b00000;
		}
		
			.slider-item-active .slider-item-small img {
				border: 1px #fbf6e2 solid;
			}







.slideriki {
    background: #2d2d2d;
    clear: both;
    padding: 12px 0 12px 12px;
    position: relative;
    height: 370px;
    margin-bottom: 20px;
    width: 620px;
}
	
		.slideriki-item {
			
		}
		
			.slideriki-item-small {
				    width: 100px;
    height: 73px;
    background: #404040;
    overflow: hidden;
    position: absolute;
    left: 0;
    margin-left: 5px;
			}
			
				.slideriki-item-small a {
					display: block;
					padding: 5px 10px 5px 5px;
					color: #b1b1b1;
					text-decoration: none;
				}
				
				.slideriki-item-small img {
					height: 61px;
					width:85px;
					border: 1px #404040 solid;
					float: left;
					margin: 0 10px 0 0;
				}
				
			 
					
			.slideriki-item-big {
				display: none;
				position: absolute;
				right: 7px;
				top: 12px;
				width: 515px;
				height: 370px;
				overflow: hidden;
			}
			
				.slideriki-item-big img {
					border: 0;
					height: 370px;
					width: 607px;
				}
				
 
 .slideriki-item-big h2 {
background: rgba(45, 45, 45, 0.7);
  position: absolute;
  bottom: 3px;
  left: 5px;
  width: 577px;
  padding: 12px 10px 12px 10px;
  color: #fff;
  line-height: 17px;
  font-weight: bold;
  font-size: 18px;
				}
				
					.slideriki-item-big h2 a {
						color: #fff;
					}
					
				.slideriki-item-big-link {
					background: url(../images/slideriki-item-big-link.png) left top no-repeat;
					display: block;
					width: 135px;
					height: 32px;
					text-decoration: none;
					line-height: 32px;
					color: #2f2f2f;
					text-align: center;
					position: absolute;
					left: 465px;
					font-weight: bold;
				}
				
					.slideriki-item-big-link:hover {
						background: url(../images/slideriki-item-big-link.png) left bottom no-repeat;
						color: #fff;
					}
					
		.slideriki-item-active .slideriki-item-small {
			background: #535353;
		}
		
			.slideriki-item-active .slideriki-item-small img {
				border: 1px #fbf6e2 solid;
			}


.slider-item-small a {
    color: #fff;
    font-size: 15px;
    text-align: center;
    padding: 6px;
    display: block;
}