.virtual-list{display:flex;flex-wrap:wrap;justify-content:space-between;list-style:none;padding:0;margin:0 -8px;}
.virtual-item{position:relative;display:block;padding:0 0 2.44em 0;flex: 1 1 313px;margin:8px;border-radius:8px;list-style:none}
.virtual-item.hidden{display:none}
.virtual-item-poster{position:relative;width:100%;padding-top:56.25%;background:#e9ebec url(/etcm-live/sites/default/files/inline-images/virtual-default.png.jpg) no-repeat center;background-size:contain;border-radius:8px 8px 0 0;overflow:hidden !important;}
.virtual-item-poster img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:all .3s ease-out;}
.virtual-item:hover .virtual-item-poster img{transform:scale(1.18);}
.virtual-item-name{position:absolute;bottom:0;left:0;width:100%;padding:.5em;line-height:1.44 !important;overflow:hidden !important;white-space:nowrap;text-overflow:ellipsis;border-radius:0 0 8px 8px;transition:all .3s ease-out;}
.virtual-item-link{position:absolute;top:0;left:0;width:100%;height:100%;font-size:0;}
.virtual-item:hover .virtual-item-name{white-space:normal;font-size:1.125em;color:#fff;background-color:#0066cc;}
.virtual-item:hover .virtual-item-name::after{content:'查看更多 \003E';display:block;font-size:.889em;opacity:.77;margin-top:.7em;}
@media screen and (min-width: 1384px){
  .virtual-item{max-width:313px;}
}