.layout {
  width: 1200px;
  margin: 0 auto; }

.content {
  background-color: #f3f3f3;
  padding: 0 0 45px 0; }
  .content .crumbs {
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    color: #777;
    font-weight: lighter; }
    .content .crumbs a {
      font-size: 13px;
      color: #333;
      font-weight: lighter; }
      .content .crumbs a:hover {
        color: #f52f3e; }
    .content .crumbs span {
      font-size: 13px;
      color: #777;
      font-weight: lighter; }
  .content .pl-body {
    padding: 30px 20px;
    width: 100%;
    overflow: hidden;
    background-color: #fff; }
    .content .pl-body ul {
      width: 1190px; }
    .content .pl-body .item {
      float: left;
      width: 270px;
      margin: 0 26px 20px 0; }
      .content .pl-body .item:hover {
        box-shadow: 0px 1px 8px #a9a9a9; }
      .content .pl-body .item .img-wrapper {
        width: 270px;
        height: 162px; }
        .content .pl-body .item .img-wrapper img {
          width: 270px;
          height: 162px; }
      .content .pl-body .item p {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .content .pl-body .item .titel {
        padding: 0 10px;
        font-size: 14px;
        color: #333;
        line-height: 60px; }

/*# sourceMappingURL=video-list.css.map */