@charset "utf-8";
/**
 * date:2013-01-31;
 * explanation:美啦-首页;
 */
.index_article { padding:0px 0px 8px 0px; }
.index_article .diagram {
	position:relative; width:300px; height:240px; margin:8px auto; overflow:hidden;
	-webkit-box-shadow:0px 1px 8px 0px rgba(0, 0, 0, 0.6), inset 0px 0px 1px 1px rgba(255, 255, 255, 0.6);
	-moz-box-shadow:0px 1px 8px 0px rgba(0, 0, 0, 0.6), inset 0px 0px 1px 1px rgba(255, 255, 255, 0.6);
	-o-box-shadow:0px 1px 8px 0px rgba(0, 0, 0, 0.6), inset 0px 0px 1px 1px rgba(255, 255, 255, 0.6);
	box-shadow:0px 1px 8px 0px rgba(0, 0, 0, 0.6), inset 0px 0px 1px 1px rgba(255, 255, 255, 0.6);
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	-o-border-radius:8px;
	border-radius:8px;
}
.index_article .diagram img {
	display:block; width:300px; min-height:240px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	-o-border-radius:8px;
	border-radius:8px;
}
.index_article .link { display:block; height:100%; }
.index_article .caption {
	position:absolute; left:0px; right:0px; bottom:0px; height:32px; padding:0px 8px; background-color:rgba(0, 0, 0, 0.5); line-height:32px; font-size:small; color:#dbdbdb;
	-webkit-border-radius:0px 0px 8px 8px;
	-moz-border-radius:0px 0px 8px 8px;
	-o-border-radius:0px 0px 8px 8px;
	border-radius:0px 0px 8px 8px;
}
.index_article span { float:left; }
.index_article .meta_date { padding-right:8px; }
.index_article .meta_author { max-width:94px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.index_article .meta_like { position:relative; float:right; padding-left:20px; }
.index_article .meta_like::before {
	content:''; position:absolute; top:10px; left:0px; width:12px; height:12px;
	background-image:url(../../images/meila/icon_24_24.png); background-repeat:no-repeat; background-position:0px 0px;
	-webkit-background-size:12px auto; background-size:12px auto;
}

/*首页整屏动画*/