.PhotoGallery {

  min-height: 50px;

  background-color: transparent;
  position: relative;
  
  @itemSpacing: 6.7px;
  @itemBgColor: #2b2b2b;
  
  div {
    padding: 0;
  }

  .footer {
    padding: 0 0 0 0 !important;
    
    .buttonContainer {
    }
  }

  .title {
  }

  .row {
    
    display: block;
    background-color: transparent;
    padding: 0;
    
    margin-left: 15px;
    margin-bottom: 15px;
    
    .item {
      padding: 0;
      float: left;
      vertical-align: bottom;
      margin: 0 @itemSpacing;
      background-color: @itemBgColor;
      width: 60px;
      height: 46px;

      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;

      border: 0px solid #cecece;

      background-size: 100% 100%;
      cursor: pointer;
      background-position: center top;
      background-repeat: no-repeat;

      box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
      
      &:hover {
        box-shadow: 2px 2px 6px rgba(0, 0, 0, 1.0), 0px 0px 10px rgba(255, 255, 255, 1.0);
      }

    }
    .item:first-child {
      margin: 0 @itemSpacing 0 0 !important;
    }
    .item:last-child {
      margin: 0 0 0 @itemSpacing;
    }
    &:last-child {
      background: transparent;
    }
  }
  
  
}

.css2 {
  .PhotoGallery {
    .item {
      position: relative;
      img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
      }
    }
  }
}