/* CSS Document */
.toolbar-item, .toolbar-layer {
	background: url(../img/toolbar.png) no-repeat;
}
.toolbar {
	position: fixed;
	right: 0px;
	bottom: 50px;
	z-index: 9999;
}/*假设网页宽度为1200px，导航条在右侧悬浮*/
.toolbar-item {
	display: block;
	width: 52px;
	height: 52px;
	margin-top: 1px;
	position: relative;
	-moz-transition: background-position 0.3s;
	-ms-transition: background-position 0.3s;
	-o-moz-transition: background-position 0.3s;
	-webkit-moz-transition: background-position 0.3s;
	transition: background-position 0.3s;
	z-index: 9999;
	cursor:pointer;
}
.toolbar-item a{ display:block;}
.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-1 {
	background-position: 0 -426px;
	z-index: 9999;
}
.toolbar-item-1:hover {
	background-position: 0 -488px;
}
.toolbar-item-1 .toolbar-layer {
	height: 70px;
	background: #fff;
	width: 120px;
	padding:5px;
	margin-right:15px;
	border:1px #e0e0e0 solid;

	
}
.toolbar-layer >div{ margin-top:10px; line-height:16px; font-size:12px; text-align:center; color:#333;margin-bottom:5px; border-radius:3px;  }

.toolbar-item-1 .toolbar-layer a{ text-align:center; display:block; padding:3px 0;}
.toolbar-item-1 .toolbar-layer a img{padding-right:5px;}
.toolbar-item-2 {
	background-position: 0 -550px;
	z-index: 9999;
}
.toolbar-item-2:hover {
	background-position: 0 -612px;
	z-index: 9999;
}
.toolbar-item-3 {
	background-position: 0 -674px;
}
.toolbar-item-3:hover {
	background-position: 0 -736px;
}
.toolbar-item-3 .toolbar-layer {
	height: 194px;
	background-position: 0 -222px;
}
.toolbar-item-top {
	background-position: 0 -800px;
}
.toolbar-item-top:hover {
	background-position: 0 -860px;
}
.toolbar-layer {
	position: absolute;
	right: 46px;
	bottom: -10px;
	width: 172px;
	opacity: 0;
	filter: alpha(opacity=0);
	transform-origin: 95% 95%;
	-moz-transform-origin: 95% 95%;
	-ms-transform-origin: 95% 95%;
	-o-transform-origin: 95% 95%;
	-webkit-transform-origin: 95% 95%;
	transform: scale(0.01);
	-moz-transform: scale(0.01);
	-ms-transform: scale(0.01);
	-o-transform: scale(0.01);
	-webkit-transform: scale(0.01);
	transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	-webkit-transition: all 1s;
}
