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

.wrap {
    height: 130px;
    width: 473px;
    overflow: hidden;
    position: relative;
}

    .wrap ul {
        position: absolute;
    }

        .wrap ul li {
            height: 130px;
        }

    .wrap ol {
        overflow: hidden;
        position: absolute;
        bottom: 4px;
        right: 6px;
    }

        .wrap ol li {
            float: left;
            width: 16px;
            height: 16px;
            margin: 0 0 0 10px;
            border-radius: 2px;
            background: #eee;
            color: #333;
            font: 11px/16px Tahoma;
            text-align: center;
            cursor: pointer;
        }

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

.wrap1 {
    height: 130px;
    width: 473px;
    overflow: hidden;
    position: relative;
}

    .wrap1 ul {
        position: absolute;
    }

        .wrap1 ul li {
            height: 130px;
        }

    .wrap1 ol {
        overflow: hidden;
        position: absolute;
        bottom: 4px;
        right: 6px;
    }

        .wrap1 ol li {
            float: left;
            width: 16px;
            height: 16px;
            margin: 0 0 0 10px;
            border-radius: 2px;
            background: #eee;
            color: #333;
            font: 11px/16px Tahoma;
            text-align: center;
            cursor: pointer;
        }

        .wrap1 ol .on1 {
            background: #f30;
            color: #fff;
        }