﻿/*
 * jQuery Nivo Slider v3.0.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;}


.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;

}
.nivo-main-image {/*默认图片显示*/
	display: block !important;
	position: relative !important; 
	width: 100% !important;
	margin-bottom:0;

}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {/*图片链接*/
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {display:block;position:absolute;z-index:5;overflow:hidden;}
.nivo-box img{ display:block; }

/* Caption styles */
.nivo-caption{width:960px;margin:0 auto;}

/*文本区效果*/
 .caption {
	position:absolute;
	bottom:30px;
	color:#333333;
	width:650px;
	z-index:8;
	left:10px;
	overflow: hidden;
	padding:10px;
	text-transform:lowercase;
	border-right:3px solid green;border-left:3px solid green;
	border-radius:5px;background-color: #ffffff;filter:Alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;text-align: justify;vertical-align: baseline;}

.caption h6{clear:both;font-size:18px;height:30px;}
.caption p {font-size:13px;line-height:20px;text-transform:lowercase;}
.catpion a {display:inline !important;}

/*文本区*/
.nivo-html-caption {display:none;}


/* Direction nav styles (e.g. Next & Prev) */
/*下面原来的列表布局*/
.control{
background:url();
width:100%;
height:1px;
}

/*Next & Prev 按钮*/
.nivo-directionNav {position:absolute;top:120px;}

.nivo-directionNav a {z-index:9;position:absolute;top: 1px;cursor:pointer;text-indent:-999999px;width:33px;height:33px;z-index:8;filter:Alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;}
.nivo-directionNav a:hover{filter:Alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}

/*按钮区布局*/
.nav-wrapper{width:100%;margin:0 auto;}
.nivo-prevNav {display:block;left:1px;background-image: url(nivo-img/left-ar.png);background-repeat: no-repeat;}
.nivo-nextNav {background: url(nivo-img/right-ar.png) no-repeat;display: block;right: 1px;}

/* Control nav styles (e.g. 1,2,3...) 列表
<div class="nivo-controlNav"><a class="nivo-control" rel="0">1</a><a class="nivo-control" rel="1">2</a><a class="nivo-control" rel="2">3</a><a class="nivo-control active" rel="3">4</a></div>*/
.nivo-controlNav {
	width:150px;
	float:right;
	border-radius:4px;
	border:0px solid #333;
	right:3%;
	position:relative;
	z-index:99;
	text-indent:-9999px;
	bottom:30px
}
.nivo-controlNav a {cursor:pointer;width:22px;height:20px;float:left;margin:5px 1px 5px 5px;background-image: url(nivo-img/bullets.png);background-repeat: no-repeat;background-position: 0px 0px;}
.nivo-controlNav a.active,.nivo-controlNav a:hover {font-weight:bold;background-repeat: no-repeat;background-position: 0px -20px;}


 
/*@media screen and (max-width: 1024px){
 .nivo-controlNav{right:10px;}
  .caption{height:auto;}
}
*/