#footer {
    top: 0;
    position: fixed;
    right: 0;
    z-index: 100;
    width: 30px;
}

#index #footer {
    top: 50%;
    margin-top: -180px;
}

#footer a {
    display: block;
    width: 30px;
    height: 30px;
}

#footer a:hover {
    color: #000;
}

#footer .up {
    background: transparent url(up.png) no-repeat center center;
}

#footer .zh, #footer .en {
    text-align: center;
    line-height: 30px;
    background-color: #fff;
    text-transform: lowercase;
}

#footer .zh.on, #footer .en.on,
#footer .zh:hover, #footer .en:hover {
    background-color: #f9f458;
}

#footer .copyright {
    /*height: 180px;*/
    height: 210px;
    background: #fbfbfb url(copyright.png) no-repeat 0 0;
}

#footer .fb {
    background: transparent url(fb_off.png) no-repeat 0 0;
}

#footer .fb:hover {
    background: transparent url(fb_on.png) no-repeat 0 0;
}

#footer .youtube {
    background: transparent url(youtube_off.png) no-repeat 0 0;
}

#footer .youtube:hover {
    background: transparent url(youtube_on.png) no-repeat 0 0;
}

#footer .down {
    background: transparent url(down.png) no-repeat center center;
}