﻿/* 格式化标签reset */
html {background-color:#fff;border:0;}
body {border:0;background:#fff; min-width:1000px;}
body,textarea,input,button,select,keygen,legend{font:12px/1 tahoma, arial, 宋体, sans-serif;color:#333;outline:0;}
address,article,aside,blockquote,body,button,details,dd,dl,dt,figcaption,figure,fieldset,form,footer,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,textarea,td,th,ul,div {margin:0;padding:0;}
address,b,caption,cite,code,dfn,em,i,th,var {font-style:normal;font-weight:500;}
fieldset,img,iframe,abbr,acronym {border:0;}
img {-ms-interpolation-mode: bicubic;}
iframe {display:block;}
li {list-style:none;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:700;line-height:1.5;}
h1{font-size:32px;}
h2{font-size:28px;}
h3{font-size:24px;}
h4{font-size:20px;}
h5{font-size:16px;}
h6{font-size:12px;}

sub,sup {position:relative;line-height:0;vertical-align:baseline;font-size:75%;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
audio,canvas,video {display:inline-block;}
* html audio,* html canvas,* html video {display:inline;}
*+ html audio,*+ html canvas,*+ html video {display:inline;}
button,input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button; cursor: pointer;overflow: visible;}
*+ html input[type="checkbox"],*+ html input[type="radio"] {height:13px;width:13px;}
button::-moz-focus-inner,input::-moz-focus-inner {border:0;padding:0;}
input,select,textarea,button {outline:none;vertical-align:middle;}
select {height:24px;line-height:24px;padding:2px;width:149px;-moz-appearance:treeview;}
textarea {overflow:auto;vertical-align: top;resize:none;}
table {max-width: 100%; border-collapse: collapse; border-spacing: 0;border:0px solid #DDDDDD; }
td, th {border:0px solid #ccc;padding:0px;text-align:left;color:#333;}
caption,th {text-align:center;}
q:before,q:after {quotes:none;}
del {text-decoration:line-through;}
:focus,a:focus {outline:none;}
ins,a {text-decoration:none;}
a{color:#333;text-decoration:none;}
a:link ,a:visited {color: #333}
a:hover,a:active {color: #f00;text-decoration:none;}
.normal a{color:#666;}
.normal a:hover{color:#000;}
.list a:visied{color:#969;}
input::-ms-clear,input::-ms-reveal {display:none;}

/*--  base  --*/
.wrap {width:1000px; margin:0 auto}

/* 属性快捷设置 */
/* 清除浮动 */
.f_cf:after {content: '.';height: 0;display: block;clear: both;visibility: hidden}
.f_cf {*zoom: 1;}

/* 设置浮动方向 */
.f_fl {display:inline;float:left;}
.f_fr {display:inline;float:right;}

/* 文本对齐方式 */
.f_tal{text-align:left;}
.f_tac{text-align:center;}
.f_tar{text-align:right;}
.f_taj{text-align:justify;text-justify:inter-ideograph;}

/*设置内联块*/
.f_dib {display:-moz-inline-stack;display:inline-block;}
*+ html .f_dib {display:inline;}
* html .f_dib {display:inline;}

/*字数过多以...显示*/
.f_toe {overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;}

/*文字强迫换行*/
.f_wwb{white-space:normal;word-wrap:break-word;word-break:break-all;}

/* 字体类型以及大小 */
.f_ff0{font-family:arial,\5b8b\4f53;}
.f_ff1{font-family:"Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;}
.f_ff2{font-family:\5b8b\4f53,"Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial;} 

.f_fs12 {font-size:12px;}
.f_fs14 {font-size:14px;}
.f_fs16 {font-size:16px;}
.f_fs18 {font-size:18px;}
.f_fs20 {font-size:20px;}
.f_fs22 {font-size:22px;}
.f_fs24 {font-size:24px;}
.f_fs26 {font-size:26px;}
.f_fs28 {font-size:28px;}
.f_fs30 {font-size:30px;}
.f_fs32 {font-size:32px;}
.f_fs34 {font-size:34px;}


.f_padl10 {padding-left:10px;}
.f_padl20 {padding-left:20px;}
.f_padr10 {padding-right:10px;}
.f_padr20 {padding-rightt:20px;}

/* 字体常规或粗体 */
.f_fwn{font-weight:normal;}
.f_fwb{font-weight:bold;}

/* 隐藏以及显示 */
.f_dn {display:none;}
.f_db {display:block;}

/* 禁止所有浏览器中文本被选择 
添加（兼容IE6-IE9）：		
	onload=function(){
		document.body.onselectstart = document.body.ondrag = function(){
			return false;
		}
	}
*/
.f_usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;} 

/* 元素定位 */
.f_pa{position:absolute;}
.f_pr{position:relative;}

/* 竖直对齐元素 */
.f_vam,.f_vama *{vertical-align:middle;}

/*溢出隐藏（ie6，ie7下有BUG，当块级元素为内级模块的时候）*/
.f_ti{overflow:hidden;text-indent:-30000px;}

/* 固定层(不随滚动条滚动) */
.f_pft {
  position:fixed;z-index:104;
  top:0;
  _position:absolute;
  _left:0;
  _width:auto;
  _top:expression(documentElement.scrollTop);/*顶部*/
}
.f_pfr {
  position:fixed;z-index:104;
  right:0;
  _position:absolute;
  _width:auto;
  _left:expression(documentElement.scrollLeft + documentElement.clientWidth-this.offsetWidth);/*右边*/
}
.f_pfb {
  position:fixed;z-index:104;
  bottom:0;
  _position:absolute;
  _left:0;
  _width:auto;
  _top:expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);/*底部*/
}
.f_pfl {
  position:fixed;z-index:104;
  left:0;
  _position:absolute;
  _width:auto;
  _left:expression(documentElement.scrollLeft);/*左边*/
}

.f_wsn{word-wrap:normal;white-space:nowrap;}
.f_pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;}

/* 盒子阴影效果 */
.box_shadow {
	-moz-box-shadow: 2px 2px 3px #969696; /* Firefox */
	-webkit-box-shadow: 2px 2px 3px #969696; /* Safari and Chrome */
	box-shadow: 2px 2px 3px #969696;
	background:#fff;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696',Direction=135,Strength=4);
}
:root .box_shadow {filter:none;}

.f_rotate_normal {
	-webkit-transition:-webkit-transform .2s ease-in;
	-webkit-backface-visibility:hidden;
	-moz-transition:-moz-transform .2s ease-in;
	-o-transition:-o-transform .2s ease-in;
	transition:transform .2s ease-in;	
}

.f_rotate_active {
	-moz-transform:rotate(180deg);
	-moz-transform-origin:50% 30%;
	-webkit-transform:rotate(180deg);
	-webkit-transform-origin:50% 30%;
	-o-transform:rotate(180deg);
	-o-transform-origin:50% 30%;
	transform:rotate(180deg);
	transform-origin:50% 30%;
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);	
}


#comments-list .item {
    background: none repeat scroll 0 0 #fff;
    margin-top: 8px;
    padding: 0 0 2px 120px;
    position: relative;
	float:left; 
	width:85%;
	
}

#comments-list .user {
    color: #9c9a9c;
    left: 0;
    position: absolute;
    text-align: center;
    top: 10px;
    width: 120px;
}
#comments-list .i-item {
    background: none repeat scroll 0 0 #fcfffa;
    border: 1px solid #d0e4c2;
    padding: 10px 15px 5px;
	float:left;
	width:90%
}
