.mood {
    font: bold 14px/30px "宋体";
    color: #333;
    margin: 20px 20px 0 20px;
    clear: both;
}

#mood {
    margin: 10px auto 10px auto;
    padding: 0;
    width: 480px;
    overflow: hidden;
}

    #mood ul {
        margin: 0 auto;
        padding: 0;
        list-style: none;
    }

        #mood ul li {
            float: left;
            width: 11%;
            margin: 0;
            padding: 0;
            text-align: center;
            font-family: verdana;
            overflow: hidden;
        }

            #mood ul li .bar {
                border: 1px solid #DADADA;
                width: 8px;
                height: 50px;
                height: 50px;
                position: relative;
                margin: auto;
            }

            #mood ul li .bg {
                margin: 0;
                padding: 0;
                height: 0;
                background: url(../images/bar_bg.gif) repeat;
                width: 8px;
                position: absolute;
                left: 0px;
                bottom: 0px;
                line-height: 0;
                font-size: 0;
            }

            #mood ul li .md a {
                background: url(../images/mood.gif) no-repeat;
                margin: 5px 0 0 0;
                width: 50px;
                height: 50px;
                display: block;
            }

            #mood ul li .mood1 a {
                background-position: 0 -56px;
            }

                #mood ul li .mood1 a:hover {
                    background-position: 0 0;
                }

            #mood ul li .mood2 a {
                background-position: -63px -56px;
            }

                #mood ul li .mood2 a:hover {
                    background-position: -63px 0;
                }

            #mood ul li .mood3 a {
                background-position: -125px -56px;
            }

                #mood ul li .mood3 a:hover {
                    background-position: -125px 0;
                }

            #mood ul li .mood4 a {
                background-position: -188px -56px;
            }

                #mood ul li .mood4 a:hover {
                    background-position: -188px 0;
                }

            #mood ul li .mood5 a {
                background-position: -250px -56px;
            }

                #mood ul li .mood5 a:hover {
                    background-position: -250px 0;
                }

            #mood ul li .mood6 a {
                background-position: -314px -56px;
            }

                #mood ul li .mood6 a:hover {
                    background-position: -314px 0;
                }

            #mood ul li .mood7 a {
                background-position: -375px -56px;
            }

                #mood ul li .mood7 a:hover {
                    background-position: -375px 0;
                }

            #mood ul li .mood8 a {
                background-position: -437px -56px;
            }

                #mood ul li .mood8 a:hover {
                    background-position: -437px 0;
                }