.hint{
    position: absolute;
    top: 0px;
    left:-9999px;
    width: 264px;
    z-index:999;
}
    .hint .top_hint{
        width: 264px;
        height: 10px;
        background: url('../img/hint/top.gif') left bottom no-repeat;
    }
    .hint .center_hint{
        position: relative;
        width: 264px;
        height: auto;
    }
        .center_hint .center_hint_img{
            position: absolute;
            top: 0px;
            left: 0px;
            width: 264px;
            height: 0px;
            z-index: 100;
        }
        .center_hint .center_hint_text{
            font: 12px Verdana, Arial, sans-serif;
            position: relative;
            padding: 10px 15px;
            z-index: 110;
            color: #fff;
        }
    .hint .bottom_hint{
        width: 264px;
        height: 10px;
        background: url('../img/hint/bottom.gif') left top no-repeat;
    }