.trial-footer {
    text-align: center;
   

    width: 100%;
    background-color: #525252;
	color:#FFF;

	padding:10px 0;
}






.clear{clear:both;}
.common{margin:10px auto;position:relative;}

.common ul{marign:0 auto;}

/* summary */
.summary{background:#333;}
.listbox{float:left;margin-bottom:20px;margin-right:10px;display:inline;position:relative;}
.listimg{float:left;width:220px;height:360px;position:relative;overflow:hidden;
}

.imgbox:after{
	position:absolute;
	left: 0;
	top:0;
	display: block;
	width:100%;
	height: 100%;
	background-color: rgba(180, 180, 180, 0.8);
	content: attr(data-text);
	transition:all 1s ease;
	transform: translateY(0);
	color: #FFF;
}

.listimg img{background:#333;width:220px;height:360px;top:0;left:0;position:absolute;}



.listinfo{_margin-bottom:3px;padding-left:10px;width:240px;line-height:22px;font-size:12px;}
.listinfo a{font-size:12px;}
.listtitle{float:left;margin-top:8px;_margin-top:-2px;width:240px;font-size:14px;}
.listtitle a{font-size:14px;}
.listtitle a:hover{color:#f55555;}
.listtag{float:left;padding-left:18px;background:url(../images/taglist.gif) 0 5px no-repeat;width:232px;color:#999;}
.listtag a{margin:0 8px 0 0;margin:2px 8px -2px 0\9;_margin:0 8px 0 0;color:#999;}
.listtag a:hover{color:#2ad2bb;}
.listdate{float:left;margin-right:13px;padding-left:18px;background:url(../images/time.gif) 0 5px no-repeat;color:#999;}
.listview{float:left;margin-right:13px;padding-left:24px;background:url(../images/view.gif) 0 5px no-repeat;color:#999;}
.listcomment{float:left;margin-right:13px;padding-left:20px;background:url(../images/comment.gif) 0 5px no-repeat;color:#999;}
.listdemo a{float:left;margin-top:0;margin-top:2px\9;_margin-top:0;color:#999;white-space:nowrap;}
.listdemo a:hover{color:#2ad2bb;}









.layer-main .indexdiv h3 {
    text-align: center;
    font-size: 18px;
    color: #333;
    border-bottom: 1px solid #999;
    padding-bottom: 15px;
}

.layer-main img {
    max-width: 100%;
}

.layer-main .indexdiv .padd-bott-and {
    padding-bottom: 40px;
}