.slideBox {
    width: 540px;
    height: 320px;
    overflow: hidden;
    position: relative;
}

    .slideBox .hd {
        position: absolute;
        bottom: 10px;
        z-index: 1;
        right: 5px;
    }

        .slideBox .hd ul {
            overflow: hidden;
            zoom: 1;
            float: left;
        }

            .slideBox .hd ul li {
                float: left;
                margin-right: 10px;
                width: 14px;
                height: 14px;
                text-align: center;
                background: #fff;
                cursor: pointer;
                border-radius: 50%;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
            }

                .slideBox .hd ul li.on {
                    background: #FF5E00;
                }

    .slideBox .bd {
        position: relative;
        height: 100%;
        z-index: 0;
    }

        .slideBox .bd li {
            zoom: 1;
            vertical-align: middle;
            text-align: center;
            margin-bottom: 40px;
        }

        .slideBox .bd img {
            width: 540px;
            height: 320px;
            display: block;
            margin: 0px auto;
        }

        .slideBox .bd span {
            text-align: left;
        }