www.gusucode.com > 200套html5精品模板1_50 > 200套html5精品模板1_50/024/styles/lof-style1.css

    .lof-slidecontent{
	margin-bottom: 5px;
	position:relative;
	overflow:hidden; }

.lof-slidecontent .preload{
	position:absolute;
	text-align:center;
	background:#FFF;
	z-index:100000;
	height:100%;
	width:100%;
	left:0;
	top:0; }

.lof-slidecontent .preload div{
	background: transparent url(../images/loading.gif) no-repeat scroll 50% 50%;
	height:100%;
	width:100%; }

.lof-main-outer{
	position:relative;
	overflow:hidden;
	height:100%;
	z-index:3px;
	width:900px; }

/* description */
.lof-main-item-desc{
	background:url(../images/sliders/lof-desc-bg.png);
	position:absolute;
	z-index:100px;
	padding:10px;
	bottom:15px;
	width:350px;
	height:auto;
	left:10px; }

.lof-main-item-desc p{
	font-family: times, serif; 
	display: inline;
	font-size:14px;
	padding:0;
	margin: 0; }

.lof-main-item-desc h3{
	line-height: 23px;
	font-size: 23px;
	padding:0;
	margin:0; }

.lof-main-item-desc h2{
	margin:7px 0 0 0px;
	font-size:18px;
	padding:0; }

.lof-main-item-desc h3 a{	
	text-transform:uppercase;
	text-decoration:none;
	padding:2px 3px;
	display:inline;
	font-size:11px;
	margin:0; }

.lof-slidecontent a.readmore{
	text-decoration: none;
	font-style: italic;
	font-size: 14px;
	display: inline;
	color: #1fb1ed; }

.lof-slidecontent a.readmore:hover{
	text-decoration: underline; }

.lof-main-item-desc h3 i { font-size: 11px; }

.lof-main-item-desc h3, .lof-main-item-desc h3 a, 
.lof-main-item-desc p, .lof-main-item-desc h2 { 
	color:#fff; }

/* main flash */
ul.lof-main-wapper{
	background:transparent url(../images/loading.gif) no-repeat scroll 50% 50%;
	position:absolute;
	overflow:hidden;
	padding:0px;
	margin:0; }

ul.lof-main-wapper li{
	position:relative;
	overflow:hidden;
	padding:0px;
	margin:0px;
	float:left; }

.lof-opacity  li{
	position:absolute;
	float:inherit;
	left:0;
	top:0; }

ul.lof-main-wapper li img{ padding:0px; }

/* item navigator */
.lof-navigator-wapper {
	background:url(../images/sliders/lof-desc-bg.png) repeat;	
	position:absolute;
	padding:5px 0px;
	bottom:30px;
	right:10px; }

.lof-navigator-outer{
	position:relative;
	overflow:hidden;
	height:180px;
	width:310px;
	z-index:100;
	color:#FFF;
	float:left }

ul.lof-navigator{
	position:absolute;
	width:100%;
	padding:0;
	margin:0;
	top:0; }

ul.lof-navigator li{
	text-align:center;
	list-style:none;
	margin-left:0px;
	overflow:hidden;
	cursor:pointer;
	display:block;
	float:left;
	padding:0; }

ul.lof-navigator li img{
	border:#666 solid 3px; }

.lof-navigator-wapper .lof-next, .lof-navigator-wapper .lof-previous{
	cursor:pointer;
	display:block;
	height:22px;
	width:22px;
	color:#FFF; }

.lof-navigator-wapper .lof-next {
	background:url(../images/sliders/lof-back-arrow.png) no-repeat right center;
	margin:5px 1px 5px 8px;
	margin-right:5px;
	float:left;	}

.lof-navigator-wapper .lof-previous {
	background:url(../images/sliders/lof-next-arrow.png) no-repeat left center;
	margin:5px 8px 5px 1px;
	margin-left:5px;
	float:left;	}