.canola_thumbnail_outborder{
	width: 234px;
	height: 234px;
	background-color: #101010;
	padding: 3px;
}
.canola_thumbnail{
	width: 234px;
	height: 234px;
	overflow: hidden;
	position: relative;
}
.canola_thumbnail>.hotspot{
	width: 234px;
	height: 170px;
	overflow: hidden;
	position: absolute;
	z-index: 1;
	cursor: pointer;
	top: 32px;
}
.canola_thumbnail>.image_box{
	width: 234px;
	height: 234px;
	background-color: #181818;
	overflow: hidden;
	cursor: pointer;
	position: relative;
}
.canola_thumbnail>.image_box>.description{
	width: 220px;
	height: 162px;
	padding: 0 7px;
	background-color: #181818;
	overflow: hidden;
	top:40px;
	position: absolute;
	display: none;
	opacity: 0.8;
	color: #fff;
	font-size: 14px;
	line-height: 27px;
	font-weight: normal;
	word-break: break-all;
  	word-wrap: break-word;
}
.canola_thumbnail>.image_box>.description>div{
	position: absolute;
	top:0;
	width: 220px;
}
.canola_thumbnail>.image_box>img{
	width: 234px;
	height: 234px;
	border: none;
}
.canola_thumbnail>.title{
	width: 220px;
	height: 18px;
	padding: 11px 7px;
	position: absolute;
	top: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	word-wrap: break-word;
	white-space: nowrap;
	color: #fff;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	z-index: 1;
	background: url('../Images/canola_thumbnail_titlebg.png');
	/*background: rgba(0,0,0,0.4);*/
}
.canola_thumbnail>.title>a{
	color: #fff;
	font-size: 14px;
	line-height: 17px;
	font-weight: bold;
}
.canola_thumbnail>.foot{
	width: 220px;
	height: 18px;
	padding: 7px 7px;
	position: absolute;
	bottom: 0;
	z-index: 1;
	background: url('../Images/canola_thumbnail_footbg.png');
	/*background: rgba(0,0,0,0.4);*/
}
.canola_thumbnail>.foot>a>.author_image_box{
	width: 20px;
	height: 20px;
	overflow: hidden;
	border-radius: 50%;
	/* background-color:  #181818; */
	float: left;
	margin: -1px 7px 0 0;
}
.canola_thumbnail>.foot>a>.author_image_box>img{
	width: 20px;
	height: 20px;
	overflow: hidden;
	border-radius: 50%;
}
.canola_thumbnail>.foot>a>.author_name{
	width: 186px;
	height: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	word-wrap: break-word;
	white-space: nowrap;
	color: #fff;
	font-size: 14px;
	line-height: 18px;
}
.canola_thumbnail>.foot>a>.author_name:hover{
	color: #ebb400;
}
.canola_thumbnail>.title>a:hover{
	color: #ebb400;	
}