body { background: url(ContentAreasNewsimageszhuantiztbj.png) repeat;}
.zt_box li{ width: 306px;
margin-right: 10px;
margin-bottom: 20px;
float: left;
font-size: 12px;
color: #333;
box-shadow: 0 1px 5px rgba(34,25,25,0.4);
-moz-box-shadow: 0 1px 5px rgba(34,25,25,0.4);
-webkit-box-shadow: 0 1px 5px rgba(34,25,25,0.4);
-webkit-transition: top 1s ease, left 1s ease;
-moz-transition: top 1s ease, left 1s ease;
-o-transition: top 1s ease, left 1s ease;
-ms-transition: top 1s ease, left 1s ease;
padding: 2px; 

height:322px\0;
border:1px solid #C2BEBD\0;
width:302px\0;
_height:322px;
_border:1px solid #C2BEBD;
_width:302px;
*height:322px;
*border:1px solid #C2BEBD;
*width:302px;
}
.zt_box li:nth-child(3n){ margin-right:0;}
.zt_box li .img_box{display: block;width: 100%;overflow: hidden;height: 206px;}
.zt_box li img{ width:100%;height:auto;border: 1px solid #ccc;}
.zt_box li h6{line-height: 32px;font-size: 16px; margin:5px 0}
.zt_box li p{line-height: 24px;text-indent: 2em;padding: 8px;}
.details:hover{ font-weight: 600; font-size: 12px; }




@media only screen and (max-width:768px){
.zt_box li { width: 49%; margin-right: 2%;}
.zt_box li:nth-child(2n){ margin-right:0;}
.zt_box li:nth-child(3n){ margin-right:2%;}
}


@media only screen and (max-width:435px){

.zt_box li { width:100%; margin: 0; margin-bottom: 20px;}

}


@media only screen and (max-width:400px){

}