.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(../image/bar_bg.gif) repeat;
    width: 8px;
    position: absolute;
    left: 0;
    bottom: 0;
    line-height: 0;
    font-size: 0;
}
#mood ul li .md a
{
    background: url(../image/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;
}