@charset "gbk";
/* blog */
.blog { margin: 30px 20px;
overflow: hidden 
}
.blog figure { background: #ececec;
border: #FFF 10px solid;
width: 270px;
height: 430px;
float: left;
margin: 10px 25px 0;
overflow: hidden
}
.blog figure img { display: block;
margin: auto;
height: 256px;
overflow: hidden;
}
.blog figure p { font-size: 14px;
text-shadow: #fff 1px 1px 0px;
line-height: 26px;
text-align: center;
font-weight: bold
}
.blog figure p a { color: #226039;
}
.blog figure figcaption { padding: 10px;
line-height: 22px;
color: #666;
}
.blog figure ul { background: url(../images/yu.png) no-repeat center;
overflow: hidden;
height: 256px;
margin-bottom: 20px
}
.blog figure ul span { opacity: 0 
}
.blog figure ul:hover span { opacity: 1 
}
.blog figure ul a { position: relative;
display: block 
}
.blog figure ul span { position: absolute;
left: 0px;
top: 0px;
background: rgba(0,0,0,0.5) url(../images/yu.png) no-repeat center 10px;
color: #FFF;
display: block;
width: 100%;
height: 100%;
line-height: 256px;
text-align: center;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
text-decoration: underline 
}