/*
 * Version: 2.1
 * File Description: Place here your custom CSS styles
 */
.text-center{
	text-align:center;
}
.outer {zoom:1;}
.outer:after {
   clear:both;
   content:'.';
   display:block;
   width: 0;
   height: 0;
   visibility:hidden;
}
a{
	cursor: pointer;
}
/**
 * 文章样式
 */
.content-wrap.tpl-card{
	position: relative;
}
.content-wrap.tpl-card > img{
	display: none;
    position: absolute;
    top: 0;
    z-index: 1;
    padding-right:30px;
    padding-bottom:30px;
    width:100%;
    height:100%;
	border-radius: 3px;
}
.content-wrap.tpl-card:hover > img,.content-wrap.tpl-card.active > img{
	display: block;
}

.content-wrap.tpl-card > .feature-box{
	z-index:2;
	position: relative;
	border-radius: 0px;
	background-color: #fff;
}
.content-wrap.tpl-card:hover > .feature-box,.content-wrap.tpl-card.active > .feature-box{
    border: 1px solid #afafaf;
    color:#fff;
    background-color: rgba(13, 33, 58, 0.3);
}
.content-wrap.tpl-card:hover > .feature-box > h3,.content-wrap.tpl-card.active > .feature-box > h3{
	color:#fff;
}
.content-wrap.tpl-card > .feature-box .dd{
	font-size: 26px;
    font-family: iconfont;
    color: #333;
    text-align: center;
    width: 80px;
    margin: 0;
    font-weight:700;
}
.content-wrap.tpl-card > .feature-box .yyyy-MM{
	width: 80px;
	font-size:12px;
}
.content-wrap.tpl-card:hover > .feature-box .dd,.content-wrap.tpl-card.active > .feature-box .dd{
	color:#fff;
}
.text-right{
	text-align: right;
}
.content-wrap .btn-icon{
	float: right;
	width: 37px;
    height: 37px;
    margin-top: 10px;
    background: url(../images/icon/button.svg);
}
.content-wrap .btn-icon > a{
	display: block;
    height: 37px;
    width: 37px;
}
.content-wrap.tpl-card:hover .btn-icon,.content-wrap.tpl-card.active .btn-icon{
	background: url(../images/icon/button_hover.png);
}
.content-wrap.tpl-card.active .separator{
    background: linear-gradient(to right, transparent 0%, rgba(255, 254, 254, 1) 35%, rgba(255, 255, 255, 1) 70%, transparent 100%);
}
.content-wrap.tpl-card > .feature-box .catelog{
	margin-top:5px !important;
}
.content-wrap.tpl-card:hover > .feature-box a,.content-wrap.tpl-card.active > .feature-box a{
	color:#fff;
}
.content-wrap.tpl-card:hover > .feature-box .catelog,.content-wrap.tpl-card.active > .feature-box .catelog{
	color:#fff;
	background-color: #0C9EC7;
}
.over-hidden{
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.show-3-line{
	line-height: 1.5em;
    height: 4.5em;
    overflow: hidden;
    text-overflow: ellipsis;
}
.show-2-line{
	line-height: 1.5em;
    height: 3em;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blogpost {
    margin: 0 0 20px;
}
.blogpost header > h2{
	font-size: 1.28571429em;
}
h1.page-title{
	font-size:24px;
}

.blogpost-content img{
	margin:auto;
}