/* CSS Document */
/*------------------------------
Base Style Sheet For All Web Pages
--------------------------------*/
/*--------global set--------*/
body{ font-family:"宋体"; font-size:63%; background:#fff; color:#636363; border:0; margin:0; padding:0;}
html,div,span,form,img,ul,ol,li.dl,dt,dd,pre,blockquote,fieldset{ margin:0; padding:0; border:0;}
table,tr,th,td{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; border:0;}
select,input,textarea{ font-family:"宋体"; color:#636363;}
/*--------alignment--------*/
.fl{ float:left;}
.fr{ float:right;}
.cl{ clear:both;}
.tl{ text-align:left;}
.tr{ text-align:right;}
.tc{ text-align:center;}
/*--------link--------*/
a{ color:#636363; text-decoration:none;}
a:hover{ color:#636363; text-decoration:underline;}
/*--------others--------*/
.ofh{ overflow:hidden;}
.ti{ text-indent:24px;}
.clearBoth{
	clear:both;
	margin:0;
	padding:0;
	height:0;
	line-height:0;
	font-size:0;
}
.marTop_10{ margin-top:10px;}
.marTop_16{ margin-top:16px;}
.marTop_22{ margin-top:62px;}
.lineHeight_18{ line-height:18px;}
.lineHeight_20{ line-height:20px;}
.lineHeight_22{ line-height:22px;}
.lineHeight_24{ line-height:24px;}
.colorPink{ color:#fe0066;}
.colorGreen{ color:#0d3a01;}
.colorBlue,.colorBlue:hover{ color:#000db7;}
/*qqBar*/
#QQBar{
	position:absolute;
	top:15px;
	right:0;
	width:162px;
	background:transparent url(side-bg.gif) right repeat-y;
}
#QQBar .btn
{
    position:absolute;
    top:56px;
     left:0;
    height:107px;
    background:url(qq.png) no-repeat;

    z-index:999; 
    display:block;
    float:left;
     width:16px;
     cursor:pointer;
}
#ViewBar .btn
{
    position:absolute;
    top:36px;
    left:0;
    height:107px;
    background:url(view.png) no-repeat;
    z-index:999; 
    display:block;
    float:left;
    width:16px;
    cursor:pointer;
    
}
#QQBar .isTop{
	position:relative;
	margin:-12px 0 0 0;
	height:36px;
	background:transparent url(side-qq-top.gif) right 0 no-repeat;
}
#QQBar .isBottom,#ViewBar .isBottom{
	position:relative;
	margin:0 0 -12px 0;
	height:14px;
	background:transparent url(side-bottom.gif) right bottom no-repeat;
}
#QQBar .isQQCont,#ViewBar .isViewCont{
	position:relative;
	margin:0;
	font-size:12px;
}
#QQBar .isQQCont{ background:url(side-qq.gif) 0 0 no-repeat;}
#ViewBar .isViewCont{
	min-height:188px;
	*height:auto !important;
	*height:188px;
	overflow:visible;
	padding-left:22px;
	background:url(side-view.gif) 0 0 no-repeat;
}
#QQBar .isQQCont ul{
	list-style:none;
	width:132px;
	margin:6px 0 0 22px;
}
#QQBar .isQQCont ul li{
	height:30px;
	line-height:30px;
	text-align:center;
}
#ViewBar{
	position:absolute;
	top:300px;
	right:0;
	width:162px;
	background:transparent url(side-bg.gif) right repeat-y;
}
#ViewBar .isTop{
	position:relative;
	margin:-12px 0 0 0;
	height:36px;
	background:transparent url(side-view-top.gif) right 0 no-repeat;
}
#ViewBar .isViewCont ul{
	list-style:none;
	width:66px;
	height:84px;
	float:left;
}
#ViewBar .isViewCont ul li{
	width:56px;
	margin:0 4px 0 6px;
	text-align:center;
	overflow:hidden;
}
#ViewBar .isViewCont ul .li01{ height:64px;}
#ViewBar .isViewCont ul .li01 img{
	width:54px;
	height:54px;
	border:1px solid #f2f2f2;
}
#ViewBar .isViewCont ul .li02{ height:20px;}