.layout .left{width:850px;float: left; }
.layout .right{width:350px;float: right; }

.layout .left .article-row{ border-bottom: 1px dotted #eee;padding: 15px 0px;}
.layout .left .article-row .article-img-wrapper{ float: left; width: 160px;}
.layout .left .article-row .article-content-wrapper{ float: right; width: 670px;}
.layout .left .article-row .article-content-wrapper .article-title{font-size: 18px; color: #ff5256}
.layout .left .article-row .article-content-wrapper .article-content{font-size: 14px; margin-top:10px; height: 80px; overflow-y: hidden; line-height: 25px;}

.breadcrumb{ line-height: 40px; border-bottom: 1px solid #eee; margin-bottom: 10px;}

.top-wrapper{padding: 10px; background-color: #f9f9f9}
.top-wrapper h3{padding: 10px 0px; font-size: 16px;}
.top-wrapper .article-row{padding: 10px 0px; display: block;}
.top-wrapper .article-row .article-img-wrapper{ float: left; width: 85px;}
.top-wrapper .article-row .article-img-wrapper img{width: 100%;}
.top-wrapper .article-row .article-content-wrapper{ float: right; width: 230px; height: 50px; overflow-y: hidden; font-size: 14px; line-height: 25px;}

.article .article-title{ font-size: 16px;  line-height: 40px; font-weight: bold;}
.article .article-publish-time{font-size: 12px; line-height: 30px; color: #ccc}
.article .summary{padding: 10px;   background: #f5f5f5;   font-size: 14px;    color: #666;  margin-top: 10px;  } 
.article .content p{line-height: 30px;}
.article .content{padding: 15px 0px;    font-size: 14px;    color: #666;   } 
.article .preNext{display: inline-block; width: 49%; color:#06C; font-size: 14px; overflow: hidden;}
.article .related-wrapper{border-top:1px solid #666; padding: 10px 0px 30px 0px; }
.article .box{display: inline-block; width: 49%; float: left;}
.article .box .title{padding: 10px 0px; font-size: 16px; font-weight: bold;}
.article .box a{display: block; line-height: 30px;}