$toolbar-size:52px;
.toolbar{
    position:fixed;
    left:50%;
    bottom:5px;
    margin-left:-$toolbar-size/2;
}
.toolbar-item{
    position:relative;
    display:block;
    width:$toolbar-size;
    height:$toolbar-size;
    background:url(../img/toolbar.png) no-repeat;
    margin-top:1px;
    &:hover{
        .toolbar-layer{
            opacity:1;
            filter:alpha(opacity=100);
            transform:scale(1);
        }
    }
}
.toolbar-item-weixin{
    background-position:0 -798px;
    &:hover{
        background-position:0 -860px;
    }
    .toolbar-layer{
        height:212px;
        background-position:0 0;
    }
}
.toolbar-item-feedback{
    background-position:0 -426px;
    &:hover{
        background-position:0 -488px;
    }
}
.toolbar-item-app{
    background-position:0 -550px;
    &:hover{
        background-position:0 -612px;
    }
    .toolbar-layer{
        height:194px;
        background-position:0 -222px;
    }
}
.toolbar-item-top{
    background-position:0 -674px;
    &:hover{
        background-position:0 -736px;
    }
}
.toolbar-layer{
    position:absolute;
    right:$toolbar-size;
    bottom:0;
    width:172px;
    background:url(../img/toorbar.png) no-repeat;
    opacity:0;
    filter:alpha(opacity=0);
    transform:scale(0.01);
}