.toolbar {

position: fixed;

left: 50%;

bottom: 5px;

margin-left: 26px;

}

.toolbar-item {

position: relative;

display: block;

width: 52px;

height: 52px;

background-image: url(../img/toolbar.png);

background-repeat: no-repeat;

margin-top: 1px;

}

.toolbar-item:hover{

transition: all 1s;

}

.toolbar-item:hover span{

opacity: 1;

filter: alpha(opacity=100);

transform: scale(1);

}

.toolbar-item-weixin {

background-position: 0 -798px;

}

.toolbar-item-weixin:hover {

background-position: 0 -860px;

}

.toolbar-item-weixin span {

height: 212px;

background-position: 0 0;

}

.toolbar-item-feedback {

background-position: 0 -426px;

}

.toolbar-item-feedback:hover {

background-position: 0 -488px;

}

.toolbar-item-app {

background-position: 0 -550px;

}

.toolbar-item-app:hover {

background-position: 0 -612px;

transition: all 1s;

}

.toolbar-item-app span {

height: 194px;

background-position: 0 -222px;

}

.toolbar-item-top {

background-position: 0 -674px;

}

.toolbar-item-top:hover {

background-position: 0 -734px;

}

.toolbar-layer {

position: absolute;

right: 46px;

bottom: -10px;

width: 172px;

background-image: url(../img/toolbar.png);

//下面三個用于圖片透明度設置

opacity: 0;

filter: alpha(opacity=0);

transform-origin:95% 95%;

transform: scale(0.01);

transition: all 1s;

}