.gridimagelist{ margin:0px; padding:0px;}
.gridimagelist li{ margin:0px; padding:0px; list-style:none;width:33.33333%; float:left}
.gridimagelist li:first-child{border-top:0px #fff solid;}
.gridimagelist li a{ display:block; padding:0px; text-decoration:none;line-height:1.4em; position:relative}
.gridimagelist li a img{ width:100%; border: 1px solid #ddd;}
.gridimagelist li a:after{ display:block; content:''; clear:both}
.gridimagelist li .mark{ background:rgba(0,0,0, 0.5); position:absolute; left:0px; right:0px; -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease; z-index:1000; top:0px; height:0px; overflow:hidden;}
.gridimagelist li .mark div{ padding:20px; color:#fff;}
.gridimagelist li a:hover .mark{ display:block; height:100%;}