@charset "utf-8";
/* 代码整理：懒人之家 www.lanrenzhijia.com */

.toolbar-item, .toolbar-layer {
}
.toolbar {
	position: fixed;
	right: 0px;
	top: 30%;
	width:65px;
}/*假设网页宽度为1200px，导航条在右侧悬浮*/
.toolbar-item {
	display: block;
	width: 65px;
	height: 65px;
	margin-top: 1px;
	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:url(../images/weixin.jpg) no-repeat;
}

.toolbar-item-weixin .toolbar-layer {
	height: 228px;
	width:180px;
	background:url(../images/weixing-09.jpg)  no-repeat;
}
.toolbar-item-feedback {
	background:url(../images/feedback-hove.jpg)  no-repeat;
	transition: all 1s;
}
.toolbar-item-feedback:hover {
	width: 129px;
    -webkit-transform:translate(-60px,0px);
	
}

.toolbar-item-qq {
	background:url(../images/img-qq.jpg)  no-repeat;
	transition: all 1s;
}
.toolbar-item-qq:hover {
	width: 129px;
    -webkit-transform:translate(-60px,0px);
	
}

.toolbar-item-app {
	background:url(../images/work-time.jpg) no-repeat;
	transition: all 1s;
}

.toolbar-item-app:hover {
	width: 129px;
    -webkit-transform:translate(-60px,0px);
	
}

.toolbar-item-top {
	background-position: 0 -674px;
}
.toolbar-item-top:hover {
	background-position: 0 -736px;
}
.toolbar-layer {
	position: absolute;
	right: 68px;
	bottom: 0px;
	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;
}
