.col-post-blog {background: #fff;margin-bottom: 30px;box-shadow: 1px 1px 5px rgba(0,0,0,0.1);border-radius: 2px;overflow: hidden;position: relative;}
.col-post-blog .thumb {width: 100%;height: 235px;overflow: hidden;position: relative;}
.col-post-blog .thumb:before {content: '';position: absolute;width: 100%;height:40%;bottom: 0;left: 0;
background:-webkit-linear-gradient(180deg, rgba(128, 128, 128, 0) 0%, rgba(0,0,0,0.8) 100%);
background:-o-linear-gradient(180deg, rgba(128, 128, 128, 0) 0%, rgba(0,0,0,0.8) 100%);
background:-moz-linear-gradient(180deg, rgba(128, 128, 128, 0) 0%, rgba(0,0,0,0.8) 100%);
background:linear-gradient(180deg, rgba(128, 128, 128, 0) 0%, rgba(0,0,0,0.8) 100%);}
.col-post-blog .thumb img {width: 100%;}
.col-post-blog h3 {padding: 10px 15px 5px 15px;text-align: center;position: absolute;bottom: 0px;width: 100%}
.col-post-blog h3 a {display: block;line-height: 24px;font-size: 16px;color: #fff;}
.col-post-blog h3 a:hover {color: #37a000;}

/* style 1*/
ul.blog-posts li {border-bottom: 1px dashed #CCCCCC;position: relative;padding-bottom: 20px;margin-bottom: 20px;}
ul.blog-posts li:last-child {border-bottom: 0px dashed #CCCCCC;}
ul.blog-posts li .photo {position: absolute;left: 0;top: 0;width: 150px;height: 150px;padding: 2px;border: 2px solid #EFEFEF;border-radius: 4px;overflow: hidden;display: block;z-index: 2;}
ul.blog-posts li:last-child {border-bottom: 0px dashed #CCCCCC;}
ul.blog-posts li .photo img {border-radius: 2px;max-width: 100%;}
ul.blog-posts li .inner {padding-left: 165px;position: relative;min-height: 150px;}
ul.blog-posts li .inner h2 {margin: 0;padding: 0;margin-bottom: 10px;}
ul.blog-posts li .inner p {line-height: normal;font-size: 14px;clear: both;}
ul.blog-posts li .inner .post-detail {margin-top: 15px;margin-bottom: 15px;font-size: 13px;}
ul.blog-posts li .inner .post-detail span {display: inline-block;margin-right: 10px;}
ul.blog-posts li .inner .post-detail span i {color: #757575;}
ul.blog-posts li .inner .button {margin-top: 6px;margin-bottom: 0;height: 34px;line-height: 32px;padding: 0 10px;border-radius: 2px;}
ul.blog-posts li:after {clear: both;content: " ";display: table;}

/* style 2 */
.blog {-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;background-color: #FFF;border: 1px solid #f2f2f2;margin-bottom: 30px;}
.blog-img {position: relative;overflow: hidden;height: 200px;}
.blog-img img {min-height: 130px;}
.bloghome .blog-img {position: relative;overflow: hidden;height: 160px;}
.bloghome .blog-img img {height: auto;}
.blog-img:before {content: "";width: 100%;height: 3px;background-color: #e8e8e8;position: absolute;bottom: 0;left: 0;z-index: 99;}
.blog-img img {width: 100%;height: auto;}
.blog-date {position: absolute;top: 20px;left: 20px;background-color: rgba(42, 38, 34, 0.4);text-align: center;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;font-size: 14px;width: 120px;height: 68px;padding: 0 5px;color: #fff;}
.blog-date span {display: block;}
.blog-date span:first-child {font-size: 25px;margin: 8px 0;}
.blog-date .stars {margin-top: 5px;}
.blog-content {padding: 10px 20px;}
.blog-item-2 .blog-content {padding-bottom: 0;}
.blog-content h3 {line-height: 22px;margin-top: 5px;}
.blog-content h3 a {font-size: 17px;line-height: 22px;color: #71a866;}
.blog-content h3 a:hover {color: #3c3c3c;}
.blog-content p {margin-bottom: 15px;font-size: 15px;}
.blog-author, 
.blog-views,
.blog-comment, 
.blog-category {width: auto;float: left;margin: 0 10px 10px 0;background-color: #ffffff;border: 1px solid #f2f2f2;color: #99958e;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;text-align: center;padding: 6px 10px;font-size: 14px;}
.blog-continue a {-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;text-align: center;padding: 7px 10px;font-size: 14px;float: left;background-color: #7daf74;color: #fff;}
.blog-continue a:hover {background-color: #413c35;}



/* post */
.post-title {margin-bottom: 20px;padding-bottom: 10px;}
.post-meta {overflow: hidden;height: 100%;margin-bottom: 15px;}
.post-meta .meta-author, 
.post-meta .meta-date, 
.post-meta .meta-categories, 
.post-meta .meta-comment  {margin: 0 20px 5px 0;display: inline-block;}
.post-meta .meta-author,
.post-meta .meta-date,
.post-meta .meta-categories,
.post-meta .meta-views,
.post-meta .meta-comment {font-size: 13px;float: left;}

.post-meta .meta-author i,
.post-meta .meta-date i,
.post-meta .meta-categories i,
.post-meta .meta-comment i,
.post-meta .meta-views i {margin-right: 5px;color: #6b6b6b;}
.post-img {margin-bottom: 20px;position: relative;border: 2px solid #e8e8e8;padding: 2px;}