www.gusucode.com > 200套html5精品模板1_50 > 200套html5精品模板1_50/036/js/nivo/nivo-slider.css

    /*
 * jQuery Nivo Slider v2.7
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
/* The Nivo Slider styles */

.nivoSlider img {
    display: none;
    left: 0;
    position: absolute;
    top: 0;
}

.nivoSlider {
	overflow:hidden;
	position:relative
}

#slider,.nivoSlider img {
	width:940px
}

/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%
}

.nivo-box {
	display:block;
	position:absolute;
	z-index:5
}

/* Caption styles */
.nivo-caption {
	height:46px;
	position:absolute;
	right:0;
	bottom:0;
	overflow:hidden;
	font-size:14px;
	z-index:8
}

.nivo-caption p {
	margin:0;
}

.nivo-caption span {
	float:left;
	padding:0 50px 0 20px;
	color:#fff;
	line-height:46px;
}

.nivo-caption a {
	display:block;
	float:right;
	width:78px;
	height:46px;
	background:url(../../images/caption-link.png) no-repeat left 50%;
}

.nivo-html-caption {
	display:none
}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav {
	position:absolute;
	background:#fff;
	bottom:46px;
	right:0;
	overflow:hidden;
	z-index:9;
	width:78px;
}
.nivo-prevNav,.nivo-nextNav {
	text-indent:9999px;
	float:left;
	width:39px;
	height:39px;
	cursor:pointer
}

.nivo-prevNav {
	background:url(../../images/slider-arrows.png) no-repeat left top;
}
.nivo-nextNav {
	background:url(../../images/slider-arrows.png) no-repeat right top;
}

.nivo-prevNav:hover {
	background-position: left bottom
}

.nivo-nextNav:hover {
	background-position: right bottom
}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	position:absolute;
	overflow:hidden;
	z-index:20;
	height:8px;
	left:20px;
	bottom:22px
}

.nivo-controlNav a {
	line-height:10em;
	display:inline-block;
	margin:0 11px 0 0;
	width:8px;
	height:8px;
	background:url(../../images/nivo-controls.png) no-repeat left top;
	cursor:pointer
}

.nivo-controlNav a.active {
	background:url(../../images/nivo-controls.png) no-repeat right top
}

#preloader {
	position:relative;
	z-index:51;
	background:url(../../images/loading.gif) no-repeat 50% 50%;
	width:940px;
	height:80px;
	border-top:1px #dedede solid;
	border-bottom:1px #dedede solid
}