@charset"utf-8";
*{margin:0;padding:0;}
figure{position:relative;width:33.33%;overflow:hidden;float:left;}
figcaption{position:absolute;top:0;left:0;color:#FFF;font-family:"微软雅黑"}
figure img{opacity:0.8}
figure figcaption p{transiton:all 0.35s;}
@media screen and (min-width:1001px){
figure{width:33.33%}
}
@media screen and (min-width:601px) and (max-width:1000px){
figure{width:50%}
}
@media screen and (max-width:600px){
figure{width:100%}
}
.test1{background:#2F0000}
.test1 figcaption p{background:#FFF;color:#333;margin:5px;text-align:center;transform:translate(-120px,0px)}
.test1 figcation p:nth-of-type(1){transition-delay:0.05s}
.test1 figcation p:nth-of-type(2){transition-delay:0.1s}
.test1 figcation p:nth-of-type(3){transition-delay:0.15s}
.test1 figcaption{padding:20px;}
.test1:hover figcaption p{transform:translate(0px,0px)}