.page-title-area {
  z-index: 1;
  min-height: 600px;
  content: "";
  width: 100%;
}
.page-title-area::after {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.67); /* 使用 rgba 设置颜色和透明度 */
}

.fixed-width{
  width: 300px;
  max-width: 300px;
  min-width: 300px;
}
.fixed-width2{
  width: 200px;
  max-width: 200px;
  min-width: 200px;
}
@media only screen and (max-width: 567px) {
  .fixed-width2 {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
  }
}
.page-title-content img {
  width: 100%;
  border-radius: 10px;
}
.media_detail .coverName{
  font-size: 32px;
  color: #fff;
}
.media_detail .coverYear{
  font-size: 18px;
  color: lightgray;
}
.media_detail .mediaGenre{
  font-size: 16px;
  color: lightgray;
}
.media_detail p{
  font-size: 18px;
  color: #fff;
}
.countries {
  font-size: 16px;
  color: lightgray;
}
.peoples_body{
  padding: 50px;
}
@media only screen and (min-width: 800px) {
  .peoples_body{
    padding: 50px;
  }
}
@media only screen and (max-width: 800px) {
  .peoples_body{
    padding: 50px 20px;
  }
}
.peoples {
  min-width: calc(100vw - 300px);
  max-width: calc(100vw - 300px);
}
.media_detail {
  min-width: calc(100vw - 450px);
  max-width: calc(100vw - 450px);
}
.people {
  max-width: 120px;
  min-width: 120px;
  margin-right:15px;
}
.people:hover .people_thumb img {
  transform: scale(1.2);
}
.people_thumb {
  overflow: hidden;
}
.people_thumb img {
  width: 100%;
  -webkit-transition: all 2s ease-out 0s;
  -moz-transition: all 2s ease-out 0s;
  -ms-transition: all 2s ease-out 0s;
  -o-transition: all 2s ease-out 0s;
  transition: all 2s ease-out 0s;
  border-radius: 10px;
}
.people_content {
  padding: 10px 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .people_content {
    padding: 5px;
  }
}
.people_content > a,
.people_content > span {
  margin-bottom: 5px;
  color: #1a1a2b;
  display: block;
  line-height: 1;
}
.people_content > a {
  font-size: 14px;
  font-weight: bold;
}
.people_content > span {
  font-size: 12px;
}
.people_content > a:hover {
  color: #ff5e14;
}

.operator > a {
  color: lightgray;
}
.operator > a:hover {
  color: #ff5e14;
}
.source_url{
  font-size: 14px;
  color: gray;
}
.source_url:hover {
  color: #ff5e14;
}