.SonlineBox {
	Z-INDEX: 9999; WIDTH: 152px; FONT-SIZE: 12px; OVERFLOW: hidden
}
.SonlineBox .openTrigger {
	Z-INDEX: 1; POSITION: absolute; WIDTH: 31px; BACKGROUND: url(grayOpen.jpg) #7b7b7b no-repeat; HEIGHT: 250px; TOP: 0px; CURSOR: pointer
}
.SonlineBox .titleBox {
	BORDER-BOTTOM: #7b7b7b 2px solid; LINE-HEIGHT: 35px; WIDTH: 148px; BACKGROUND: url(grayTitleBg.gif) #00a91c repeat-x; HEIGHT: 35px
}
.SonlineBox .titleBox SPAN {
	FONT-FAMILY: '微软雅黑','黑体'; COLOR: #fff; MARGIN-LEFT: 10px; FONT-SIZE: 14px
}
.SonlineBox .contentBox {
	Z-INDEX: 2; BORDER-BOTTOM: #7b7b7b 2px solid; POSITION: absolute; BORDER-LEFT: #7b7b7b 2px solid; WIDTH: 148px; BACKGROUND: #fff; HEIGHT: auto; BORDER-TOP: #7b7b7b 2px solid; BORDER-RIGHT: #7b7b7b 2px solid
}
.SonlineBox .contentBox .closeTrigger {
	POSITION: absolute; WIDTH: 25px; DISPLAY: block; HEIGHT: 25px; TOP: 5px; CURSOR: pointer; RIGHT: 5px; -webkit-transition: all 0.8s ease-out
}
.SonlineBox .contentBox .closeTrigger:hover {
	-webkit-transform: scale(1) rotate(360deg)
}
.SonlineBox .contentBox .listBox {
	MARGIN-BOTTOM: 10px; OVERFLOW: hidden
}
.SonlineBox .contentBox .listBox .QQList {
	MARGIN: 10px auto 0px; PADDING-LEFT: 2px; WIDTH: 86%; DISPLAY: block; HEIGHT: 22px
}
.SonlineBox .contentBox .listBox .QQList SPAN {
	LINE-HEIGHT: 22px; FLOAT: left
}
.SonlineBox .contentBox .listBox .QQList A {
	FLOAT: left
}