.cooList{float: left;width: 200px; height: 200px;margin-left: 14px; margin-bottom: 14px;background-color: #f6fffc;position: relative;}
.cooList:nth-child(4n+1){ margin-left: 0px;}

.cooList li:nth-child(1){width: 100%; height: 100%;position: relative; background-color:#fff;}
.cooList li:nth-child(1) img{display: block;max-width: 90%; max-height: 70%; position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.cooList li:nth-child(2){width: 100%; height: 50px;position: absolute;bottom: 0;left: 0;background: rgba(0,0,0,0.5);}
.cooList li:nth-child(2) p{line-height: 50px;color: #FFFFFF;text-align: center;font-size: 14px;}