/***** SlideSet Styles *****/
/*** default all ***/
.slider {
position: relative;
z-index: 0;
}
.image {
height: 100%;
width: 100%;
}
.wrapItems {
position:relative;
overflow:hidden;
display: block;
text-align: center;
float: left;
width: 100%;
}
.wrapItems .items {
position:absolute;
}
.item, .set {
float:left;
position: relative;
}
.slider .item {
height: auto;
margin: 5px;
overflow: hidden;
display: block;
}
.browse {
cursor:pointer;
float: left;
margin: 0;
}
.browse.left {
clear: left;
}
.browse.up, .browse.down {
float: none;
margin: 0;
}
.browse.disabled {
opacity:.3;
}
.navi {
text-align: center;
}
.navi a {
width:6px;
height:6px;
margin:3px;
background:#999;
display:inline-block;
font-size:1px;
border: 1px solid #666;
border-radius: 3px;
}
.navi a:hover {
background: #ccc;
}
.navi a.active {
background: #fff;
}

/* custom display options
| now you can edit */
.slider {
width: 900px;
}
.wrapItems {
/* 1. width determines auto qty */
width: 900px;
background: #222;
border: 1px solid #999;
}
.slider .item {
/* 2. properties determine qty and dimensions of slider - must be narrower then slider width */
width: 900px;
margin: 0;
height: 400px;
}
.pageSet {
/* 3. set after wrapItems is auto-sized */
width: 900px;
height: 400px;
}
/* navigation buttons */
.pageSet .browse {
opacity: 0;
-webkit-transition: all linear .5s;
-moz-transition: all linear .5s;
}
.pageSet:hover .browse {
opacity: 1;
}
.browse {
position: absolute;
text-decoration: none;
z-index: 1;
border-radius: 12px;
-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.4);
background: #ddd;
border: 1px solid #ccc;
width: 18px;
height: 18px !important;
text-align: center;
line-height: 18px !important;
font-family: Arial, Helvetica, sans-serif;
color: #555;
margin-top: 191px;
}
.browse.left {
left: 6px;
}
.browse.right {
right: 6px;
}
.navi {
position: absolute;
bottom: 15px;
right: 15px;
}
.navi a {
width: 12px;
height: 12px;
border-radius: 9px;
}
.slider .item img {
width: 100%;
height: auto;
}
/* caption styles */
.content {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: left;
padding: 15px;
position: absolute;
bottom: 0;
left: 0;
width: 870px;
background: rgba(0,0,0,.7);
}
.content p {
margin: 0;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.content a {
color: #09C;
}