.list_item {
  height: 58px;
  border-bottom: #cccccc 1px solid;
  display: table;
  width: 100%;
  overflow: hidden;
}
.list_item > * {
  display: table-cell;
  padding-left: 10px;
  vertical-align: middle;
}
.list_item > *:last-child {
  padding-right: 10px;
}
.list_item .detail {
  width: 8px;
  padding-right: 15px;
  background-origin: content-box;
  background-image: url('img/toDetail.png');
  background-repeat: no-repeat;
  background-size: 8px auto;
  background-position: left center;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .list_item .detail {
    background-image: url('img/toDetail@1.5x.png');
  }
}
@media all and (-webkit-min-device-pixel-ratio: 2) {
  .list_item .detail {
    background-image: url('img/toDetail@2x.png');
  }
}
.list_item .info > * {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}
.list_item .info .name {
  margin: 0.2em 0;
}
.list_item .info .summary {
  color: #999;
  font-size: 0.8em;
}
.resource_list_item .info > * {
  width: 199px;
}
.resource_list_item .actions {
  width: 101px;
  padding-right: 0;
}
.resource_list_item .actions a {
  display: block;
  float: left;
  width: 30px;
  height: 35px;
  padding: 0 10px;
}
.resource_list_item .actions a.play {
  background-image: url('img/play.png');
  background-repeat: no-repeat;
  background-size: 24px auto;
  background-position: center center;
  border-right: #cccccc 1px solid;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .resource_list_item .actions a.play {
    background-image: url('img/play@1.5x.png');
  }
}
@media all and (-webkit-min-device-pixel-ratio: 2) {
  .resource_list_item .actions a.play {
    background-image: url('img/play@2x.png');
  }
}
.resource_list_item .actions a.download {
  background-image: url('img/download.png');
  background-repeat: no-repeat;
  background-size: 24px auto;
  background-position: center center;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .resource_list_item .actions a.download {
    background-image: url('img/download@1.5x.png');
  }
}
@media all and (-webkit-min-device-pixel-ratio: 2) {
  .resource_list_item .actions a.download {
    background-image: url('img/download@2x.png');
  }
}