.hcarousel.glist .video::before {
	background-image: url("../img/play.svg");
}

.hcarousel.glist .video::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	background-size: 50px;
	background-position: center 50%;
	background-repeat: no-repeat;
}

#pendek {
	max-width: 99px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#judulpendek2line100 {
	max-width: 100px;
	display: -webkit-box;
 /* Enables the flexible box layout for line clamping */
	-webkit-box-orient: vertical;
 /* Stacks the content vertically within the box */
	-webkit-line-clamp: 2;
 /* Limits the text to a maximum of 2 lines */
	overflow: hidden;
 /* Hides any content exceeding the specified line limit */
	text-overflow: ellipsis;
 /* Adds an ellipsis (...) to the truncated text */;
}

#judulpendek2line250 {
	max-width: 250px;
	display: -webkit-box;
 /* Enables the flexible box layout for line clamping */
	-webkit-box-orient: vertical;
 /* Stacks the content vertically within the box */
	-webkit-line-clamp: 2;
 /* Limits the text to a maximum of 2 lines */
	overflow: hidden;
 /* Hides any content exceeding the specified line limit */
	text-overflow: ellipsis;
 /* Adds an ellipsis (...) to the truncated text */;
}

#judulpendek2line300 {
	max-width: 300px;
	display: -webkit-box;
 /* Enables the flexible box layout for line clamping */
	-webkit-box-orient: vertical;
 /* Stacks the content vertically within the box */
	-webkit-line-clamp: 2;
 /* Limits the text to a maximum of 2 lines */
	overflow: hidden;
 /* Hides any content exceeding the specified line limit */
	text-overflow: ellipsis;
 /* Adds an ellipsis (...) to the truncated text */;
}

#judulpendek100 {
	max-width: 100px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#judulpendek110 {
	max-width: 110px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#judulpendek125 {
	max-width: 125px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#judulpendek150 {
	max-width: 150px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#judulpendek200 {
	max-width: 200px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#judulpendek225 {
	max-width: 225px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#judulpendek250 {
	max-width: 250px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}