.medias .grid {
  background: #DDD; }

.medias {
  margin-top: 100px; }
  .medias .gutter-sizer {
    width: 1%; }
  .medias .grid-sizer {
    width: 32.5%; }
  .medias .grid-item {
    width: 32.5%;
    float: left;
    margin-bottom: 1%; }
    .medias .grid-item img {
      display: block;
      max-width: 100%; }
    .medias .grid-item .breif {
      position: absolute;
      bottom: 0;
      background: rgba(0, 0, 0, 0.3);
      width: 100%;
      height: 30px; }
      .medias .grid-item .breif .country {
        line-height: 30px;
        color: white;
        font-size: 10px;
        margin-left: 10px; }
    .medias .grid-item .tag {
      position: absolute;
      top: 10px;
      left: 10px;
      height: 20px;
      width: 36px;
      background: green;
      border-radius: 3px;
      color: white;
      text-align: center;
      font-size: 10px; }
    .medias .grid-item .collect {
      position: absolute;
      top: 10px;
      right: 10px;
      color: white;
      font-size: 16px; }

/*# sourceMappingURL=medias.css.map */