#masonry_1 {
  margin: 20px 5px 0; }
  #masonry_1 .box {
    /*float: left;*/
    display:inline-block;
    margin: 0 10px 20px;
    /*padding-bottom: 10px;*/
    position: relative;
    width: 140px; 
    vertical-align:top;
    background-color: rgb(242, 242, 242);}
    #masonry_1 .box img {
      display: block; }
    #masonry_1 .box > span {
      display: block;
      height:120px;
      padding:0 10px;
      /*padding-top:0px;*/
      -webkit-transition: background-color 1s;
              transition: background-color 1s; }
      #masonry_1 .box > span .date {
        color: #ed037c;
        display: block;
        -webkit-transition: color 1s;
                transition: color 1s; }
      #masonry_1 .box > span .title {
        color: #6f6f6f;
        display: block;
        -webkit-transition: color 1s;
                transition: color 1s; }
    #masonry_1 .box:hover > span {
      background-color: #ed037c; }
      #masonry_1 .box:hover > span .date, #masonry_1 .box:hover > span .title {
        color: #fff; }
 
 #masonry_2 {
  margin: 20px 5px 0; }
  #masonry_2 .box {
    float: left;
    margin: 0 10px 20px;
    padding-bottom: 10px;
    position: relative;
    width: 339px; 
    background-color: rgb(242, 242, 242);}
    #masonry_2 .box img {
      display: block; }
    #masonry_2 .box > span {
      display: block;
      padding: 10px;
      -webkit-transition: background-color 1s;
              transition: background-color 1s; }
      #masonry_2 .box > span .date {
        color: #ed037c;
        display: block;
        -webkit-transition: color 1s;
                transition: color 1s; }
      #masonry_2 .box > span .title {
        color: #6f6f6f;
        display: block;
        -webkit-transition: color 1s;
                transition: color 1s; }
    /*#masonry_2 .box:hover > span {
      background-color: #ed037c; }
      #masonry_2 .box:hover > span .date, #masonry_2 .box:hover > span .title {
        color: #fff; }*/