.blogList img{width: 100%;vertical-align: middle;}
.blogList a{display: block;position: relative;}
.blogList li{margin-bottom: 20px;padding: 0px 7px;}
.blogList h3{font-size: 16px;font-weight: bold;color: #666;margin: 10px 0px;line-height: 20px;height: 40px;overflow: hidden;}
.blogList h3:hover{opacity:0.8;transition: all 0.5s ease 0s}
.blogList img:hover{opacity:0.8;transition: all 0.5s ease 0s}
.blogListtext{color: #808080;font-size: 13px;line-height:18px;height: 55px;overflow: hidden;margin-bottom: 10px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.blogListBtn{font-size: 12px; display: block;padding: 10px 0px;text-align: center; color: #9a9a9a;background:#e3e3e3;border-radius: 5px;}
.blogLeft{padding-left: 0px;margin-left: -7px;padding-right: 30px;}
.lookNumber{display: inline-block;color: #ffffff;font-size: 12px;font-weight: 300;background: rgba(195, 195, 195, 0.6); position: absolute; right: 0px;top: 0px;z-index: 10;line-height: 25px;padding: 0px 5px;font-style: normal;}
.you-rtul1 a{font-size: 13px;}
@media (min-width: 1080px) {
	.blogListBtn:hover{opacity:0.8;transition: all 0.5s ease 0s}
}
@media (max-width: 1279px) {
	.blogLeft{margin-left: 0px;}
}
@media (max-width: 767px){
	.blogLeft{padding-right: 0px;}
}