.content{
  width:$width;
  padding-top:30px;
  margin:0 auto;
  .left-side{
    margin-left:10px;
    float:left;
    .img-link{
      //margin-right:19px;
    }
    .pic-textlist{
      margin-top:20px;
    }
  }
  .right-side{
    float:right;
    margin-top:30px;
    .new{
      .info{
        @include in-bl;
        vertical-align:middle;
        h4{
          font-size:18px;
          color:$title_color;
          line-height:1.5em;
        }
        p{
          font-size:12px;
          line-height:18px;
        }
        .poster{
          margin-top:7px;
          @include in-bl;
        }
      }
      .title{
        margin-bottom:20px;
      }
      .cover{
        margin-left:10px;
        margin-right:10px;
      }
      &:after{
        content:image-url('soccernight/icon/desk.png');
        position:relative;
        top:-4px;
        z-index:-1;
      }
    }
    .views{
      font-size:14px;
      h3{
        margin-top:20px;
        margin-bottom:15px;
        font-weight:normal;
      }
      li{
        line-height:30px;
      }
      .views-list{
      }
      .sugar{
        @include in-bl;
        @include bcenter(20px,40px);
        color:#fff;
        margin-right:10px;
        &.red{
          background:#C66666;
        }
        &.yellow{
          background:#CFA528;
        }
        &.green{
          background:#7AA057;
        }
        &.blue{
          background:#5EA29C;
        }
        &.purple{
          background:#6973B7;
        }
        &.redpurple{
          background:#A669B1;
        }
        &.gray{
          background:#8F8F8F;
        }
      }
    }
  }
  .activ{
    position:relative;
    padding:30px 10px;
    box-sizing:border-box;
    h3{
      margin-bottom:20px;
    }
    .more{
      top:30px;
    }
    .activ-list{
      li{
        float:left;
        width:image-width('soccernight/demo/act.png');
        text-align:center;
        margin-right:20px;
        position:relative;
        .date{
          font-size:12px;
          @include bcenter(20px,80px);
          @include in-bl;
          @include pos(top,4px,left,4px);
          *background:#ccc;
          background:rgba(#000,.4);
          color:#fff;
        }
        .img-link{
          @include in-bl;
          padding:3px;
          background:#fff;
          border:1px solid $gray;
          &:hover+a{
            color:$link_hover_color;
          }
        }
        a{
          span{
            line-height:30px;
            font-size:14px;
          }
          &:hover{
            color:$link_hover_color;
          }
        }
      }
    }
  }
}
.through{
  width:100%;
  overflow:hidden;
}
.pic-textlist{
  position:relative;
  h3{
    margin-bottom:20px;
  }
  .img-link{
    float:left;
  }
  .text-list{
    overflow:hidden;
    position:relative;
    top:-6px;
    list-style-image:image-url('soccernight/icon/link.png');
    li{
      @include text-overflow;
      line-height:24px;
      padding-left:19px;
      a{
        font-size:14px;
        &:hover{
          color:$link_hover_color;
          position:relative;
          &:before{
            content:image-url('soccernight/icon/link.png');
            @include pos(left,-14px,top,-5px);
          }
        }
        &:active{
          color:$link_active_color;
        }
        &:visited{
          color:$link_visited_color;
        }
      }
    }
  }
}
.more{
  @include pos(left,80px,top,0);
  font-size:12px;
  @include in-bl;
  @include bcenter(20px,45px);
  background-color:$gray;
  color:#fff;
  &:hover{
    background-color:$title_color;
  }
}
.img-link{
  padding:3px;
  background:#fff;
  border:1px solid $gray;
}