.SonlineBox{ width:100px; font-size:12px;overflow:hidden; z-index:9999;}

.SonlineBox .openTrigger{ width:33px; height:158px; position:absolute; top:0px;  z-index:1; cursor:pointer;  background:url(openTrigger.jpg) no-repeat;} 

.SonlineBox .titleBox{ width:100px; height:35px; line-height:35px; background:url(SonlineTitleBg.gif) repeat-x; border-bottom:2px solid #c30202;}

.SonlineBox .titleBox span{ margin-left:10px; color:#fff; font-size:14px; font-family: "宋体";}

.SonlineBox .contentBox{ width:96px; height:auto; border:2px solid #c30202; background:#fff; position:absolute; z-index:2;}

.SonlineBox .contentBox .closeTrigger{ width:25px; height:25px; cursor:pointer;  position:absolute; top:5px; right:0px; -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; padding-left:10px;}

.SonlineBox .contentBox .listBox .QQList{ display:block; width:50px; height:22px;  background:url(qq.gif) no-repeat; padding-left:30px; margin-top:10px;}

.SonlineBox .contentBox .listBox .QQList span{float:left; line-height:22px;}

.SonlineBox .contentBox .listBox .QQList a{float:left; color:#000000; text-decoration:none;}

.SonlineBox .contentBox .listBox .QQList a:hover{ color:#FF0000;}