﻿.banner {
    position: relative;
    overflow: auto;
}

    .banner li {
        list-style: none;
    }

    .banner ul li {
        float: left;
        padding: 0;
    }

.unslider {
    overflow: auto;
    margin: auto;
    padding: 0;
    width: 96%;
}

.unslider-wrap {
    position: relative;
}

    .unslider-wrap.unslider-carousel > li {
        float: left;
    }

.unslider-vertical > ul {
    height: 100%;
}

.unslider-vertical li {
    float: none;
    width: 100%;
}

.unslider-fade {
    position: relative;
}

    .unslider-fade .unslider-wrap li {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        z-index: 8;
    }

        .unslider-fade .unslider-wrap li.unslider-active {
            z-index: 10;
        }

.unslider li, .unslider ol, .unslider ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
}

.unslider-arrow {
    position: absolute;
    left: 20px;
    z-index: 2;
    cursor: pointer;
}

    .unslider-arrow.next {
        left: auto;
        right: 20px;
    }


.unslider-nav ol {
    list-style: none;
    text-align: center;
    margin:6px 0;
}

    .unslider-nav ol li {
        display: inline-block;
        width: 6px;
        height: 6px;
        margin: 0 4px;
        background: transparent;
        border-radius: 5px;
        overflow: hidden;
        text-indent: -999em;
        border: 1px solid Gray;
        cursor: pointer;
    }

        .unslider-nav ol li.unslider-active {
            background: Red;
            cursor: default;
        }
