ul,li,h1,p{margin:0px; padding:0px;}
img{ border:0px;}

.clearfix:after {
	DISPLAY: block; HEIGHT: 0px; VISIBILITY: hidden; CLEAR: both; CONTENT: " "
}
.clearfix {
	ZOOM: 1
}

.img-txt-fade1 { margin:0px;  width:504px; height:auto!Important; overflow:hidden; float:left; margin-top:76px; border:1px solid #fff;}
.img-txt-fade1 LI {POSITION: relative;  MARGIN:0px; WIDTH:506px; DISPLAY: inline; FLOAT: left; HEIGHT:363px; OVERFLOW: hidden;}
.img-txt-fade1 LI .imgBox {Z-INDEX:10; POSITION: absolute; }
.img-txt-fade1 LI .imgBox img{ width:504px; height:363px; }
/*.img-txt-fade LI .imgBox img {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }*/
.img-txt-fade1 LI .txtBox {POSITION: absolute; top:0px; left:0px; WIDTH:504px; HEIGHT:363px;  background:#000;}
.img-txt-fade1 LI .txtBox .fdj{ width:150px; height:27px; position:absolute; left:180px; top:170px; }
.img-txt-fade1 LI .txtBox .fdj img{ width:27px; height:27px; display:block; float:left; border:0px;}
.img-txt-fade1 LI .txtBox .fdj p{font-size:24px; color:#fff; line-height:27px; float:left; margin-left:10px;}


.img-txt-fade2 { margin:0px;  width:504px; height:auto!Important; overflow:hidden; float:left;}
.img-txt-fade2 LI {POSITION: relative;  MARGIN:0px; WIDTH:505px; DISPLAY: inline; FLOAT: left; HEIGHT:440px; OVERFLOW: hidden;}
.img-txt-fade2 LI .imgBox {Z-INDEX:10; POSITION: absolute; }
.img-txt-fade2 LI .imgBox img{width:504px; height:440px;  border-bottom:1px solid #fff; border-right:1px solid #fff;}
/*.img-txt-fade LI .imgBox img {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }*/
.img-txt-fade2 LI .txtBox {POSITION: absolute; top:0px; left:0px; WIDTH:504px; HEIGHT:440px;  background:#000;}
.img-txt-fade2 LI .txtBox .fdj{ width:200px; height:27px; position:absolute; left:170px; top:210px; }
.img-txt-fade2 LI .txtBox .fdj img{ width:27px; height:27px; display:block; float:left; border:0px;}
.img-txt-fade2 LI .txtBox .fdj p{font-size:24px; color:#fff; line-height:27px; float:left; margin-left:10px;}


.img-txt-fade3 { margin:0px;  width:505px; height:auto!Important; overflow:hidden; float:left;  margin-left:146px;}
.img-txt-fade3 LI {POSITION: relative;  MARGIN:0px; WIDTH:505px; DISPLAY: inline; FLOAT: left; HEIGHT:440px; OVERFLOW: hidden;}
.img-txt-fade3 LI .imgBox {Z-INDEX:10; POSITION: absolute; }
.img-txt-fade3 LI .imgBox img{width:504px; height:440px; border-left:1px solid #fff; border-right:1px solid #fff;}
/*.img-txt-fade LI .imgBox img {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }*/
.img-txt-fade3 LI .txtBox {POSITION: absolute; top:0px; left:0px; WIDTH:504px; HEIGHT:440px;  background:#000;}
.img-txt-fade3 LI .txtBox .fdj{ width:200px; height:27px; position:absolute; left:170px; top:210px; }
.img-txt-fade3 LI .txtBox .fdj img{ width:27px; height:27px; display:block; float:left; border:0px;}
.img-txt-fade3 LI .txtBox .fdj p{font-size:24px; color:#fff; line-height:27px; float:left; margin-left:10px;}

.img-txt-fade4 { margin:0px;  width:360px; height:auto!Important; overflow:hidden; float:left;}
.img-txt-fade4 LI {POSITION: relative;  MARGIN:0px; WIDTH:360px; DISPLAY: inline; FLOAT: left; HEIGHT:440px; OVERFLOW: hidden;}
.img-txt-fade4 LI .imgBox {Z-INDEX:10; POSITION: absolute; }
.img-txt-fade4 LI .imgBox img{width:359px; height:317px; border-right:1px solid #fff;}
/*.img-txt-fade LI .imgBox img {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }*/
.img-txt-fade4 LI .txtBox {POSITION: absolute; top:0px; left:0px; WIDTH:359px; HEIGHT:317px;  background:#000;}
.img-txt-fade4 LI .txtBox .fdj{ width:150px; height:27px; position:absolute; left:105px; top:140px; }
.img-txt-fade4 LI .txtBox .fdj img{ width:27px; height:27px; display:block; float:left; border:0px;}
.img-txt-fade4 LI .txtBox .fdj p{font-size:24px; color:#fff; line-height:27px; float:left; margin-left:10px;}

.img-txt-fade5 { margin:0px;  width:361px; height:auto!Important; overflow:hidden; float:left; margin-top:179px;}
.img-txt-fade5 LI {POSITION: relative;  MARGIN:0px; WIDTH:361px; DISPLAY: inline; FLOAT: left; HEIGHT:475px; OVERFLOW: hidden;}
.img-txt-fade5 LI .imgBox {Z-INDEX:10; POSITION: absolute; }
.img-txt-fade5 LI .imgBox img{ width:360px; height:475px;  border-right:1px solid #fff;  border-bottom:1px solid #fff;}
/*.img-txt-fade LI .imgBox img {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }*/
.img-txt-fade5 LI .txtBox {POSITION: absolute; top:0px; left:0px; WIDTH:360px; HEIGHT:475px;  background:#000;}
.img-txt-fade5 LI .txtBox .fdj{ width:150px; height:27px; position:absolute; left:105px; top:220px; }
.img-txt-fade5 LI .txtBox .fdj img{ width:27px; height:27px; display:block; float:left; border:0px;}
.img-txt-fade5 LI .txtBox .fdj p{font-size:24px; color:#fff; line-height:27px; float:left; margin-left:10px;}



.right_0{ margin-right:0px;}
/*
下面是投影的 写法——把10px改成0px就是外发光效果——及四周投影效果
1.      -webkit-box-shadow: 10px 10px 25px #ccc;（这是专对火狐浏览器的支持而设置的）
2.      -moz-box-shadow: 10px 10px 25px #ccc;（这是对Safari和Chrome浏览器而设置的）
3.      box-shadow: 10px 10px 25px #ccc;
   前两个属性设置阴影的 X / Y 位移，这里分别是 10px，第3个属性定义阴影的虚化程度，最后一个设置阴影的颜色。文字阴影也可以这样设置： text-shadow: 2px 2px 5px #ccc;
现在很对浏览器兑css3支持不给力，就像IE现在还不支持阴影效果，但可以上百度搜一个.htc格式文件，链接就可以了.testbox{behavior: url(css/ie-css3.htc);}



.box_row{ width:220px; height:195px; overflow:hidden; float:left; background-color:#fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 
box-shadow:1px 1px 1px rgba(202,202,202,.9); 
  -moz-box-shadow:1px 1px 1px rgba(202,202,202,.9); 
  -webkit-box-shadow:1px 1px 1px rgba(202,202,202,.9); 
}
阴影另一种写法rgba
*/