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

/* slider layout */
.lof-slidecontent { width:900px; position:relative;}
.lof-slidecontent .preload{
height:100%;
width:100%;
position:absolute;
top:0;
left:0;
z-index:80000;
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%;
}

.main-slider-content
{
	width:900px;
	height:350px;
	-webkit-box-shadow: 0px 0px 3px #CCC; /* Safari, Chrome用 */
-moz-box-shadow: 0px 0px 3px #CCC; /* Firefox用 */
box-shadow: 0px 0px 3px #CCC; /* CSS3 */
-webkit-border-radius: 3px; /* Safari, Chrome用 */
-moz-border-radius: 3px; /* Firefox用 */
border-radius: 3px; /* CSS3 */
border: 1px solid #eeeeee;
background:#FFF;
}

.main-slider-content img{
-webkit-border-radius: 3px; /* Safari, Chrome用 */
-moz-border-radius: 3px; /* Firefox用 */
border-radius: 3px; /* CSS3 */


}
.lof-slidecontent  .sliders-wrapper{
	position:relative;
	height:100%;
	width:900px;
	z-index:500;
	overflow:hidden; 
	}
.lof-slidecontent  ul.sliders-wrap-inner{overflow:hidden;	background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;	padding:0px;	margin:0;	position:absolute;	overflow:hidden;}
.lof-slidecontent  ul.sliders-wrap-inner li{overflow:hidden;	padding:0px;margin:0px;	float:left;	position:relative;}
.lof-slidecontent  .lof-opacity  li{position:absolute;	top:0;	left:0;	float:inherit; }


.lof-slidecontent  .navigator-content {
	position:relative;
	bottom:0px;
	right:0px;
	left:0px;
	padding:20px 0px;
	overflow:hidden;
}
.lof-slidecontent  .navigator-wrapper{
	position:relative;
	z-index:400;
	overflow:hidden;
	color:#FFF;
	float:left
	}
.lof-slidecontent  ul.navigator-wrap-inner{	top:0;	padding:0;	margin:0;	position:absolute;	width:100%; }
.lof-slidecontent  ul.navigator-wrap-inner li{ cursor:hand; 	cursor:pointer;	list-style:none;	padding:0;	margin-left:0px;	overflow:hidden;	float:left;	display:block;	text-align:center;}

/*******************************************************/
 
ul.sliders-wrap-inner li img{	padding:0px;	}


/* item navigator */

.lof-slidecontent ul.navigator-wrap-inner li img{
	border:#fff solid 3px;
	width:185px;
}
.lof-slidecontent ul.navigator-wrap-inner li.active img, 
.lof-slidecontent ul.navigator-wrap-inner li:hover img {
	border:#ff5c8d solid 3px;
	-moz-transition:border-color  ease-in-out 0.4s
}
.lof-slidecontent .navigator-content .button-next, 
.lof-slidecontent .navigator-content .button-previous{
	display:block;
	width:27px;
	height:100px;
	color:#FFF;
	cursor:pointer;
}
.lof-slidecontent .navigator-content .button-next {
	float:left;	
	text-indent:-999px;
	background:url(../images/arrow-r.png) no-repeat right center;
}
.lof-slidecontent .navigator-content .button-previous {
	float:left;	
	text-indent:-9999px;
	background:url(../images/arrow-l.png) no-repeat left center;

}

.lof-slidecontent .button-control {
   position:absolute;
   top:10px;
   right:10px;
    height: 20px;
    width: 20px;
	cursor:hand; cursor:pointer;
	background:url(../images/transparent_bg.png) repeat;
}

.lof-slidecontent .button-control span { display:block;  width:100%; height:100%;}
.lof-slidecontent .action-start span  {
	background:url(../images/play.png) no-repeat center center;
}
.lof-slidecontent .action-stop span {
	background:url(../images/pause.png) no-repeat center center;
}