/* css 重置 */

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

body {
    background: #fff;
    font: normal 12px/22px 宋体;
}

img {
    border: 0;
}

a {
    text-decoration: none;
    color: #333;
}

    a:hover {
        color: #1974A1;
    }
/* 本例子css */ .foucebox {
    position: relative;
    width: 100%;
    height: 300px;
    margin: 30px auto;
    overflow: hidden;
}

    .foucebox .bd {
        position: relative;
        float: left;
        width: 500px;
        height: 300px;
        overflow: hidden;
    }

        .foucebox .bd img {

        }

    .foucebox .hd {
        position: relative;
        width: 110px;
        float: right;
        padding-right: 4px;
        z-index: 1;
    }

        .foucebox .hd ul {
            position: relative;
            width: 110px;
            overflow: hidden;
        }

        .foucebox .hd li {
            width: 110px;
            height: 50px;
            padding: 5px;
            overflow: hidden;
        }

        .foucebox .hd img {
            /*width: 110px;
            height: 50px;*/
            /*display: block;*/
        }

    .foucebox .hoverBg {
        position: absolute;
        top: 0;
        left: -10px;
        width: 124px;
        height: 64px;
        z-index: 100;
        background: url(../image/yellowPage/hover.png) no-repeat;
        _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=image/yellowPage/hover.png);
        _background: none;
    }