/*
* jQuery Nivo Slider v3.2
* 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 */
.slider-wrapper {
position:relative;
/*max-width: 1250px;*/
width: 100%;
margin: 0 auto;
}
.nivoSlider {
position: relative;
width: 100%;
height: auto;
overflow: hidden;
margin: 0px auto;
z-index: 9;
}
.nivoSlider img {
position: absolute;
top: 0px;
left: 0px;
max-width: none;
}
.nivo-main-image {
display: block !important;
position: relative !important;
width: 100% !important;
}
/* 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: block;
background: white;
filter: alpha(opacity=0);
opacity: 0;
}
/* 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 {
position: absolute;
left: 0px;
bottom: 0px;
background: #000;
color: #fff;
width: 100%;
z-index: 8;
padding: 5px 10px;
opacity: 0.8;
overflow: hidden;
display: none;
-moz-opacity: 0.8;
filter: alpha(opacity=8);
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
.nivo-caption p {
padding: 5px;
margin: 0;
}
.nivo-caption a {
display: inline !important;
}
.nivo-html-caption {
display: none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position: absolute;
bottom: 20px;
z-index: 9;
cursor: pointer;
}
.nivo-prevNav {
right: 95px;
}
.nivo-nextNav {
right: 60px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
text-align: center;
padding: 15px 0;
}
.nivo-controlNav a {
cursor: pointer;
}
.nivo-controlNav a.active {
font-weight: bold;
}
/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Description: The default skin for the Nivo Slider.
Version: 1.3
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
Supports Thumbs: true
*/
.theme-default .nivoSlider {
position: relative;
height: 100%;
margin-bottom: 10px;
}
.theme-default .nivoSlider img {
position: absolute;
top: 0px;
left: 0px;
display: none;
}
.theme-default .nivoSlider a {
border: 0;
display: block;
}
.theme-default .nivo-controlNav {
display: block;
text-align: center;
width:100%;
padding: 10px 0;
position: absolute;
z-index: 999;
bottom: 5px;
left: 0;
opacity: 0.7;
}
.theme-default .nivo-controlNav a {
display: inline-block;
width: 7px;
height: 7px;
background:#FFF;
text-indent: -9999px;
border: 0;
margin:0 7px;
border-radius: 100%;
}
.theme-default .nivo-controlNav a:hover {
background: url("../images/slider/pagination.png") no-repeat center bottom;
}
.theme-default .nivo-controlNav a.active {
background: #8c8c8c;
border: #FFF 1px solid;
}
.theme-default .nivo-directionNav a {
display: none;
width: 34px;
height: 34px;
background: url("../images/nivo.slider/arrows.png") no-repeat;
text-indent: -9999px;
border: 0;
}
.theme-default:hover .nivo-directionNav a {
opacity: 1;
}
.theme-default a.nivo-nextNav {
background-position: top right;
}
.theme-default a.nivo-nextNav:hover {
background-position: bottom right;
}
.theme-default a.nivo-prevNav {
background-position: top left;
}
.theme-default a.nivo-prevNav:hover {
background-position: bottom left;
}
/* CSS Document */
.banner1 {
position:relative;
max-width: 1250px;
height: 750px;
width: 100%;
margin: 0 auto;
overflow:hidden;
}
/*.banner1{ width:80%; height:750px; overflow:hidden; position:relative;font-size:0;margin: 0 auto;}*/
.banner1 .b-img{ height:100%; position:absolute; left:0; top:0;}
.banner1 .b-img a{ display:block; height:100%; float:left;}
.banner1 .b-list{ height:50px; padding-top:700px; position:relative; margin:0 auto;z-index:1;}
.banner1 .b-list span{ display:block;cursor:pointer; width:14px;background:url(../images/arr-bg.png); height:14px; border-radius:50%; border:3px solid #fff; float:left; margin:0 5px; _margin:0 3px;}
.banner1 .b-list .spcss{border:3px solid #14ab04;}
.banner1 .bar-left{ position:absolute; z-index:1; display:block; width:100px; height:150px; left:0px; background:url(../images/arr-bg.png); top:300px; }
.banner1 .bar-right{ position:absolute;z-index:1; display:block; width:100px; height:150px; right:0px; background:url(../images/arr-bg.png); top:300px; }
.banner1 .bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:25px;}
.banner1 .bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:25px;}
.banner1 .bar-left .emcss{ background-position:0px -100px;}
.banner1 .bar-right .emcss{ background-position:-50px -100px;}
/* CSS Document */
.banner2 {
position:relative;
max-width: 1250px;
height: 750px;
width: 100%;
margin: 0 auto;
overflow:hidden;
}
/*.banner2{ width:80%; height:750px; overflow:hidden; position:relative;font-size:0;margin: 0 auto;}*/
.banner2 .b-img{ height:100%; position:absolute; left:0; top:0;}
.banner2 .b-img a{ display:block; height:100%; float:left;}
.banner2 .b-list{ height:50px; padding-top:700px; position:relative; margin:0 auto;z-index:1;}
.banner2 .b-list span{ display:block;cursor:pointer; width:14px;background:url(../images/arr-bg.png); height:14px; border-radius:50%; border:3px solid #fff; float:left; margin:0 5px; _margin:0 3px;}
.banner2 .b-list .spcss{border:3px solid #14ab04;}
.banner2 .bar-left{ position:absolute; z-index:1; display:block; width:100px; height:150px; left:0px; background:url(../images/arr-bg.png); top:300px; }
.banner2 .bar-right{ position:absolute;z-index:1; display:block; width:100px; height:150px; right:0px; background:url(../images/arr-bg.png); top:300px; }
.banner2 .bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:25px;}
.banner2 .bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:25px;}
.banner2 .bar-left .emcss{ background-position:0px -100px;}
.banner2 .bar-right .emcss{ background-position:-50px -100px;}