@charset "gb2312";

/* side */
.side {
	position:fixed;
	width:90px;
	height:275px;
	right:0;
    z-index: 99999;
	top:280px;
}
.side ul li {
	width:50px;
	height:50px;
	float:left;
	position:relative;
	margin-bottom: 2px;
	list-style-type:none;
}
.side ul li .sidebox {
	position:absolute;
	width:50px;
	height:50px;
	border-radius:5px 0 0 5px;
	top:0;
	right:0;
	text-align: center;
	transition:all 0.3s;
	background:#0978c9;
	color:#fff;
	font:16px/50px "΢ÈíÑźÚ";
	overflow:hidden;
	font-weight:bold;
}
.side ul li a:hover .sidebox{
	width: 200px;
}
.side ul li .sidetop {
	width:50px;
	height:50px;
	line-height:50px;
	display:inline-block;
	background:#0978c9;
	opacity:0.8;
	filter:Alpha(opacity=80);
	transition:all 0.3s;
}
.side ul li .sidetop:hover {
	background:#e4392a;
}
.side ul li img {
	float:right;
}