/* leoblogsarticle  */
#leoblogsarticletab{margin-top:20px}
.item_descrition {
    color: #666;
    display: block;
    font-size: 13px;
    min-height: 40px;
    padding: 4px 10px;
}
.blog-title {
    background: none repeat scroll 0 0 #181818;
    clear: both;
    height: 60px;
    position: relative;
    width: 100%;
}
	.blog-title .itemTitle {
		color: #FFFFFF;
		font-size: 13px;
		font-weight: bold;
		height: 50px;
		padding: 5px 10px !important;
		position: absolute;
	}
	.blog-title:hover .itemTitle{color:#42a8bf}
.blog-image{position:relative; overflow:hidden}
	.blog-image .item_thumb{width:100%}
.mask {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
    display: inline-block;
    height: 559px;
    position: absolute;
    right: 755px;
    top: 0;
    transform: skew(-45deg);
    transition: all 0.6s ease-in-out 0s;
    width: 600px;
}
	.blog-image:hover .mask, .item-container:hover .mask {
		right: -600px;
	}
.blog-datemore {
    border-top: 1px solid #E9E9E9;
    clear: both;
    float: left;
    padding: 10px 0;
    width: 100%;
}
.blog-date {
    background: url("img/icon-clock.png") no-repeat scroll left center transparent;
    float: left;
    margin-left: 10px;
    padding: 0 0 0 15px;
}
.blog-viewmore {
    background: url("img/icon-viewmore.png") no-repeat scroll right 9px transparent;
    float: right;
    margin-right: 10px;
    padding: 0 5px 0 0;
}
	.blog-viewmore a{color:#42a8bf; font-size:12px}
	.blog-viewmore a:hover{color:#000}
#leoblogsarticletab .carousel-button{position:relative;top:-17px}
#leoblogsarticletab .carousel-control.right{right:0}
	#leoblogsarticletab .carousel-control.right .icon-angle-down{
		background: url("img/icon-nextprev.png") no-repeat scroll -22px 2px transparent;
		float: left;
		height: 20px;
		margin: 6px 0 0;
		width: 25px;
	}
	#leoblogsarticletab .carousel-control.left .icon-angle-up:before,
	#leoblogsarticletab .carousel-control.right .icon-angle-down:before{content:""}
	#leoblogsarticletab .carousel-control.right .icon-angle-down:hover{background-position:-22px -20px}
	#leoblogsarticletab .carousel-control.left{right:34px;border-right:none}
	#leoblogsarticletab .carousel-control.left .icon-angle-up{
		background: url("img/icon-nextprev.png") no-repeat scroll 10px 2px transparent;
		float: left;
		height: 20px;
		margin: 6px 0 0;
		width: 25px;
	}
	#leoblogsarticletab .carousel-control.left .icon-angle-up:hover{background-position:10px -20px}