/*--------------SLIDER----------------*/

#slider {
    width: 100%;
    margin: 10px auto 0 auto;
}


/*--------------CONTROLS--------------*/

/*position controls*/
.controls {
    display: none;
}

    .controls li {
        top: 50%;
        margin-top: -30px
    }

        .controls li:nth-child(1) {
            left: 0;
        }

        .controls li:nth-child(2) {
            right: 0;
        }


/*------------PAGINATION------------*/

/*style pagination*/
.pagination li {
    background-color: #ddd;
}

    .pagination li.active {
        background-color: #000;
    }


/*-------------HELPERS----------------*/

.responsive {
    width: 100%;
    height: auto;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

/*ÅÄÅÄÍø·ç¸ñ*/
.paginator {
    font: 11px Arial, Helvetica, sans-serif;
    padding: 10px 20px 10px 0;
    margin: 0px;
}

    .paginator a {
        padding: 1px 6px;
        border: solid 1px #ddd;
        background: #fff;
        text-decoration: none;
        margin-right: 2px
    }

        .paginator a:visited {
            padding: 1px 6px;
            border: solid 1px #ddd;
            background: #fff;
            text-decoration: none;
        }

    .paginator .cpb {
        padding: 1px 6px;
        font-weight: bold;
        font-size: 13px;
        border: none
    }

    .paginator a:hover {
        color: #fff;
        background: #ffa501;
        border-color: #ffa501;
        text-decoration: none;
    }

/*ÌÔ±¦·ç¸ñ*/
.paginator {
    font: 12px Arial, Helvetica, sans-serif;
    padding: 10px 20px 10px 0;
    margin: 0px;
}

    .paginator a {
        border: solid 1px #ccc;
        color: #0063dc;
        cursor: pointer;
        text-decoration: none;
    }

        .paginator a:visited {
            padding: 1px 6px;
            border: solid 1px #ddd;
            background: #fff;
            text-decoration: none;
        }

    .paginator .cpb {
        border: 1px solid #F50;
        font-weight: 700;
        color: #F50;
        background-color: #ffeee5;
    }

    .paginator a:hover {
        border: solid 1px #F50;
        color: #f60;
        text-decoration: none;
    }

    .paginator a, .paginator a:visited, .paginator .cpb, .paginator a:hover {
        float: left;
        height: 16px;
        line-height: 16px;
        min-width: 10px;
        _width: 10px;
        margin-right: 5px;
        text-align: center;
        white-space: nowrap;
        font-size: 12px;
        font-family: Arial,SimSun;
        padding: 0 3px;
    }