.SonlineBox {
	width: 162px;height: 211px;overflow: hidden;position:fixed !important; top/**/:250px;position:absolute; z-index:300; 
}
.SonlineBox .openTrigger {
	width:31px;
	height:110px;
	position:absolute;
	top:0px;
	z-index:1;
	cursor:pointer;
	background:#7b7b7b url(../images/grayOpen.jpg) no-repeat;
}
.SonlineBox .titleBox {
	width:158px;
	height:35px;
	line-height:35px;
	background:#00a91c url(../images/grayTitleBg.gif) repeat-x;
	border-bottom:2px solid #7b7b7b;
}
.SonlineBox .titleBox span {
	margin-left:10px;
	color:#fff;
	font-size:14px;
	font-family:'微软雅黑', '黑体';
}
.SonlineBox .contentBox {
	width:158px;
	height:auto;
	border:2px solid #7b7b7b;
	background:#fff;
	position:absolute;
	z-index:2;
}
.SonlineBox .contentBox .closeTrigger {
	width:25px;
	height:25px;
	display:block;
	cursor:pointer;
	position:absolute;
	top:5px;
	right:5px;
	-webkit-transition:all 0.8s ease-out;
}
.SonlineBox .contentBox .closeTrigger:hover {
	-webkit-transform:scale(1) rotate(360deg);
}
.SonlineBox .contentBox .listBox {
	overflow:hidden;
	margin-bottom:10px;
}
.SonlineBox .contentBox .listBox .QQList {
	display:block;
	width:86%;
	height:22px;
	margin:10px auto 0px auto;
}
.SonlineBox .contentBox .listBox .QQList span {
	float:left;
	line-height:22px;
}
.SonlineBox .contentBox .listBox .QQList a {
	float:left;
}