.photos-slider-item {
  padding: 10px;
}
.photos-slider-item a > div {
  position: relative;
  overflow: hidden;
}
.photos-slider-item a > div:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
  background: #000;
  background: linear-gradient(180deg,rgba(0,0,0,0.7819502801120448) 0%,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,1) 100%);
}
.card-inner {
  position: absolute;
  bottom: 20px;
  left: 10px;
  right: 10px;
}
.card-title {
  color: #fff;
  font-size: 16px;
  line-height: 18px;
  float: right;
  margin-right: 10px;
  max-width: 50%;
}
span.card-time {
  background: #4FB4CB;
  color: #fff;
  padding: 5px 25px;
  display: inline-block;
  float: right;
}
.video-slider-item {
  padding-top: 30px;
  width: 500px;
}
.video-item {
  position: relative;
}
.video-item:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(0,0,0,0.3);
  left: 0;
  top: 0;
}
.video-slider-item.slick-center {
  padding: 0 20px;
  width: 700px;
}
.video-card-inner {
  position: absolute;
  bottom: 0;
  background: rgba(0,0,0,0.6);
  left: 0;
  right: 0;
  color: #fff;
  text-align: right;
  padding: 5px 25px;
}
.video-slider-item.slick-center .video-card-inner {
  background: #242F3F; 
}
span.live {
  background: #49B6CD;
  color: #fff;
  padding: 3px 13px;
  position: absolute;
  right: 0;
  font-size: 13px;
  display: none;
}
a.play-btn {
  position: absolute;
  width: 50px;
  height: 50px;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
a.play-btn img {
  width: auto;
  display: inline-block;
}
a.play-btn {
  position: absolute;
  width: 90px;
  height: 90px;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background: #fff;
  text-align: center;
  line-height: 60px;
  border-radius: 50%;
  border: 20px solid #909EA2;
  display: none;
}
.video-slider-item.slick-center a.play-btn,
.video-slider-item.slick-center span.live {
  display: block;
}
.archive-zone-view-post {
  width: 50%;
  float: left;
  padding: 0 15px;
}
.archive-zone-view-post-item {
  display: flex;
  border-top: 1px solid #D1C4B0;
  padding-top: 15px;
  margin-top: 15px;
}
.archive-zone-view .archive-zone-view-post:nth-child(2) .archive-zone-view-post-item,
.archive-zone-view .archive-zone-view-post:first-child .archive-zone-view-post-item {
  border-top: 0;
  margin-top: 0;
  padding-top: 0;
}
.archive-zone-view-post img {
  width: 150px;
}
h5.archive-zone-view-title {
  text-align: right;
}
h5.archive-zone-view-title a {
  color: #111;
}
.archive-zone-view-meta span a {
  color: #111;
}
.archive-zone-view-meta span i {
  margin-right: 5px;
}
.archive-zone-view-meta span {
  margin-left: 8px;
}
.slick-prev, .slick-next {
  font-size: 0px !important;
  background-color: #333 !important;
  border: none !important;
  width: 30px !important;
  height: 30px !important;
  line-height: 30px !important;
  text-align: center !important;
  border-radius: 5px !important;
  padding: 0 !important;
}
.slick-prev:before, .slick-next:before {
  font-family: 'slick';
  font-size: 12px;
  line-height: 30px;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
}
.slick-next:before {
  content: '→';
}
.slick-prev:before {
  content: '←';
}
.photos-slider .slick-prev,
.photos-slider .slick-next {
  position: absolute;
  right: -15px;
  top: 50%;
  margin-top: -15px;
}
.photos-slider .slick-prev {
  right: auto;
  left: -15px;
}
.video-slider .slick-prev,
.video-slider .slick-next {
  position: absolute;
  right: 20%;
  top: 50%;
  margin-top: -15px;
}
.video-slider .slick-prev {
  right: auto;
  left: 20%;
}
.archive-zone-view-text {
  text-align: right;
  margin-right: 15px;
}
.archive-zone-view {
  width: 70%;
  float: left;
  padding-right: 20px;
}
.archive-zone-view-right {
  width: 30%;
  float: left;
  position: relative;
}
.archive-zone-view-right:before{
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(0,0,0,0.6);
  left: 0;
  top: 0;
}
.archive-zone-view-right-caption {
  position: absolute;
  bottom: 15px;
  right: 15px;
  color: #fff;
  font-size: 20px;
}
.slick-prev::before {
  content: "\34";
  font-family: 'ElegantIcons';
}
.slick-next::before {
  content: "\35";
  font-family: 'ElegantIcons';
}
a.play-btn:before {
  border: .1px solid #fff;
  content: "";
  position: absolute;
  border-radius: 100%;
  width: 88px;
  height: 88px;
  left: -19px;
  top: -19px;
}
.slick-center .video-item:before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
  background: #fff !important;
  background: linear-gradient(180deg,rgba(255,255,255,0.7819502801120448) 0%,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 60%,rgba(255,255,255,1) 100%) !important;
}
@media (max-width: 767px){
.video-slider-item a.play-btn,
.video-slider-item span.live {
  display: block;
}
.video-slider .slick-prev {
    left: 5px;
}
.video-slider .slick-prev, .video-slider .slick-next {
    right: 8px;
}
.photos-slider .slick-prev {
    left: 0;
}
.photos-slider .slick-prev, .photos-slider .slick-next {
	right: 0;
}
}