@charset "gb2312";

.toolbar-item,.toolbar-layer {
	background: url(imagesgg.png) no-repeat
}

.toolbar {
	position: fixed;
    right: 45px;
	bottom: 50px;
	z-index: 999
}

.toolbar-item {
	display: block;
	width: 52px;
	height: 52px;
	margin-top: 3px;
	position: relative;
	-moz-transition: background-position 1s;
	-ms-transition: background-position 1s;
	-o-moz-transition: background-position 1s;
	-webkit-moz-transition: background-position 1s;
	transition: background-position 1s
}

.toolbar-item:hover .toolbar-layer {
	opacity: 1;
	filter: alpha(opacity=100);
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1)
}

.toolbar-item-weixin {
	background-position: 0 -362px
}

.toolbar-item-weixin:hover {
	background-position: 0 -424px
}

.toolbar-item-weixin:hover .toolbar-layer {
	height: 205px;
}

.toolbar-item-weixin .toolbar-layer {
  	height: 0px;
	width: 172px;
	background-position: 0 0;
}

.toolbar-item-top {
	background-position: 0 -235px;
	cursor: pointer
}

.toolbar-item-top:hover {
	background-position: 0 -297px
}

.toolbar-layer {
	box-shadow: 1px 1px 5px #545454;
	/*border: 1px solid #545454;*/
	border-radius: 1px;
	margin-right: 10px;
	position: absolute;
	right: 40px;
	bottom: 65px;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	-webkit-transition: all 1s