Hallo,

Es ist auch nicht gut, die für figure geltenden Angaben für figure:nth-child(3n) zu wiederholen. Ebenso die für figure>div geltenden für figure:hover>div. Weg damit! Nur das angeben, was abweicht.

OK, ich hab etwas aufgeräumt

  
figure:nth-of-type(3n){  
	margin:0 0px 20px 0  
}  
  
figure {  
    position: relative;  
    width: 300px;  
    height: 200px;  
	float:left;  
	margin:0 17px 20px 0  
}  
  
figure>div {  
    transition: all 1s ease;  
    position: relative;  
    height: 150px;  
    overflow: hidden;  
    z-index: 10;  
}  
  
figure>div:hover {  
    height: 320px;  
}