.box--front-page--latest-video--item {
  background: #f2f3f4;
  display: grid;
  grid-template-rows: 143px auto;
  transition: all 0.3s ease-in-out;
  height: 100%;
}
a.box--front-page--latest-video--item {
  text-decoration: none;
}
a.box--front-page--latest-video--item:hover .box-top div {
  transform: scale(1.1);
}
.box--front-page--latest-video--item .box-top {
  background: #9d9da8;
  position: relative;
  overflow: hidden;
}
.box--front-page--latest-video--item .box-top div {
  width: 100%;
  height: 100%;
  transition: all 0.5s ease-in-out;
}
.box--front-page--latest-video--item .box-top div img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  height: 100%;
}
.box--front-page--latest-video--item .box-bottom {
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.box--front-page--latest-video--item .box-bottom .fhu-title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.box--front-page--latest-video--item:hover {
  background: #0119ff;
}
.box--front-page--latest-video--item:hover .box-bottom * {
  color: #fff;
}
.box--front-page--latest-video--item .box-top:after {
  content: '';
  width: 41px;
  height: 47px;
  border-style: solid;
  box-sizing: border-box;
  border-color: transparent transparent transparent #ffc300;
  border-width: 24px 0px 23px 41px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/*# sourceMappingURL=index.css.map */