* {
    margin: 0;
    padding: 0;
    list-style: none;
}

.wrap {
    height: 320px;
    width: 550px;
    margin: 0px auto;
    overflow: hidden;
    position: relative;
    margin: 0px auto;
}

    .wrap ul {
        position: absolute;
    }

        .wrap ul li {
            height: 300px;
        }

    .wrap ol {
        position: absolute;
        right: 5px;
        bottom: 10px;
    }

        .wrap ol li {
            height: 20px;
            width: 20px;
            background: #ccc;
            border: solid 1px #666;
            margin-left: 5px;
            color: #000;
            float: left;
            line-height: 1.5em;
            text-align: center;
            cursor: pointer;
        }

        .wrap ol .on {
            background: #e97305;
            color: #fff;
        }