/*** Template Default ***/
.cycloneslider{
    position:relative;
}
.cycloneslider-slides{
    position:relative;
}
.cycloneslider-slide{
    position:absolute;
    left:0;
    top:0;
    width:100%;
}
.cycloneslider-slide img{
    max-width:100%;
}
.cycloneslider-prev,
.cycloneslider-next{
    display:none;
    position:absolute;
    top:50%;
    margin-top:-19px;
    z-index:99;
    width:23px;
    height:39px;
    text-indent:-99999px;
}
.cycloneslider:hover .cycloneslider-prev,
.cycloneslider:hover .cycloneslider-next{
    display:block;
}
.cycloneslider-prev{
    left:10px;
    background: url(../images/btn-slide-prev.png) no-repeat;
}
.cycloneslider-next{
    right:10px;
    background: url(../images/btn-slide-next.png) no-repeat;
}
.cycloneslider-pager{
    position:absolute;
    z-index:99;
    top:20px;
    right:20px;
}
.cycloneslider-pager a {
    background: url(../images/sprite-slide-nav.png) no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    font-size: 0;
    height: 8px;
    line-height: 0;
    margin-left: 5px;
    text-indent: -99999px;
    width: 8px;
}
.cycloneslider-pager a.activeSlide {
    background-position: left bottom;
}
.cycloneslider-caption{
    position:absolute;
    left:0;
    top:284px;
    height:50px;
    width:100%;
    z-index:99;
    background: url(../images/bg-slider-caption.png) right;
    color:#fff;
}
.cycloneslider-caption-title{
    padding:10px 0 0 20px;
    font-size:14px;
    line-height:1;
    margin-bottom:0;
}
.cycloneslider-caption-description{
    padding:5px 0 0 20px;
    line-height:1;
    color:#fff;
}

/*** Template Pink ***/
.cycloneslider-template-pink .cycloneslider-prev,
.cycloneslider-template-pink .cycloneslider-next{
    width:45px;
    height:45px;
    background: url(../images/sprite-arrows.png) no-repeat;
}
.cycloneslider-template-pink .cycloneslider-prev{
    left:30px;
    background-position:-45px 0;
}
.cycloneslider-template-pink .cycloneslider-next{
    right:30px;
    background-position:0 0;
}
.cycloneslider-template-pink .cycloneslider-prev:hover{
    background-position:-45px -45px;
}
.cycloneslider-template-pink .cycloneslider-next:hover{
    background-position:0 -45px;
}

/*** Template Thumbnails ***/
.cycloneslider-thumbnails{
    padding:20px 0;
}
.cycloneslider-thumbnails li{
    float:left;
    margin:0 20px 20px 0;
    border:5px solid #ccc;
    cursor:pointer;
}
.cycloneslider-thumbnails li.current{
    border-color:#333;
}