.qipn_side_hide{ display:none; }
.qipn_side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;font:14px/1.5 "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans","wenquanyi micro hei","Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif;}
.qipn_side ul{ list-style:none; padding:0px; }
.qipn_side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;box-sizing: border-box;}
.qipn_side ul li .sidebox{position:absolute;width:54px;height:54px;line-height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;color:#fff; overflow:hidden;}
.qipn_side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;color:#fff;opacity:0.8;}
.qipn_side ul li i.fa{float:left;width:54px; height:54px; line-height:54px; text-align:center; font-size:28px; }
.qipn_side ul li .sidetop{
	transition: background 0.5s,opacity 0.5s; 
	-moz-transition: background 0.5s,opacity 0.5s; /* Firefox 4 */ 
	-webkit-transition: background 0.5s,opacity 0.5s; /* Safari 和 Chrome */
	-o-transition: background 0.5s,opacity 0.5s; /* Opera */
}
.qipn_side ul li .sidetop:hover{background:#ae1c1c;opacity:1;}
.qipn_side ul li .sidebox{
	transition: background 0.5s,opacity 0.5s,width 0.2s; 
	-moz-transition: background 0.5s,opacity 0.5s,width 0.2s; /* Firefox 4 */ 
	-webkit-transition: background 0.5s,opacity 0.5s,width 0.2s; /* Safari 和 Chrome */
	-o-transition: background 0.5s,opacity 0.5s,width 0.2s; /* Opera */
}
.qipn_side ul li .sidebox:hover{ background:#ae1c1c;opacity:1; width:115px; }
.qipn_side_whitespace{ white-space:nowrap; }

.qipn_side_left{ left:0px; right:auto;}
.qipn_side_left ul li .sidebox{ left:0px; right:auto; text-align:right; }
.qipn_side_left ul li i.fa{ float:right; }