#kf {box-sizing: content-box;
	width:50px;
	position: fixed;
	z-index: 99999;
	top:320px;
	right:0px;
}
#kf li{
	position: relative;
	width:50px;
	height:50px;
	margin-bottom:1px;
	background-image: url(../img/kf.png);
	background-repeat: no-repeat;
	list-style-type: none;
	
}
li#kf_home{background-position: 0px 0px;}
li#kf_book{background-position: 0px -51px;}
li#kf_wb{background-position: 0px -102px;}
li#kf_wx{background-position: 0px -153px;}
li#kf_back{background-position: 0px -204px;}
#kf a{
	width:50px;
	height:50px;
	display: block;
	color: #FFFFFF;
}
#kf a b{font-size:16px;
	position: absolute;
	z-index: 2;
	width:50px;
	height:45px;padding-top:5px;line-height:20px;	
	display: none;
	background-color: #478CC7;
	letter-spacing: 2px;
	text-align: center;
	font-weight: normal;
}
li#kf_wx a div{
	position: absolute;
	z-index: 1;
	top:-102px;
	right:51px;
	width:170px;
	height:203px;
	display: none;	
	
	background-image: url(../img/wx.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

li#kf_wb a div{
	position: absolute;
	z-index: 1;
	top:-51px;
	right:51px;
	width:170px;
	height:203px;
	line-height:50px;
	display: none;	
	background-image: url(../img/wb.gif);
	background-repeat: repeat;
	background-position: 0px 0px;
	background-position: center;
}
#kf a:hover b,#kf a:hover div{
	display: block;
	
}