/*视频列表样式*/
:root {
	--primary-color: #4280e6;
	--secondary-color: #75a9ff;
	--third-color: #0d0d0d;
	--primary-bgcolor: #000;
	--ratingstars-color: #ffb109;
}
.cactus-note.ct-time {
	left: auto;
	margin-left: auto;
	right: 0;
	font-size:12px;
}

.cactus-note {
	background: rgba(0,0,0,.5);
	bottom: 0;
	color: #fff;
	left: 0;
	line-height: 1;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right:5px;
	padding: 2px 5px;
	position: absolute;
	z-index:500;
	border-radius:2px;
}

/* MISC */
.headline-round {
	border:5px solid var(--primary-color);
	padding:10px 14px;
	border-radius:50%;
	color:#fff;
}
.fa-play-circle {
	color: #fff;
	border: 10px;
	font-size: 36px !important;
	transition: all 0.1s linear 0s;
}
.post:hover img {
	opacity: 0.4;
	-moz-opacity: 0.4;
	-webkit-opacity: 0.4;
	filter: alpha(opacity=40);
	transform: scale(1.2);
	border-radius: 8px;
}
.post:hover .thumbr {
	-webkit-box-shadow: 0px 30px 13px -21px rgba(0,0,0,1);
	-moz-box-shadow: 0px 30px 13px -21px rgba(0,0,0,1);
	box-shadow: 0px 30px 13px -21px rgba(0,0,0,1);
}

.post:hover .thumbr {
	transition: all 0.1s linear 0s;
	z-index: 999;
	transform: scale(1.02);
}

.play-btn-border {
	border-radius:50%;
	padding:15px 0px;
	display:inline-block;
	z-index:2;
	opacity:0;
	position: absolute;
	left:50%;
	top:50%;
	transition: all 0.1s linear 0s;
	transform: translate(-50%, -50%) scale(1.4, 1.4);
}

.post:hover .play-btn-border {
	opacity:1;
	transform: translate(-50%, -50%) scale(1, 1);
}
.post:hover .fa-play-circle{
	color:#fff;
}




.play-btn-border i {
	border:5px solid var(--secondary-color);
	padding:10px 14px;
	border-radius:50%;
	color:#fff;
}



a.post-thumb {
	display: flex;
    height: 235px;
    background-color: #F5f5f5;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    align-items: center;
    justify-content: center;
}

.fa-play-circle {
	color:#fff;
	border:10px;
	font-size:36px !important;
	transition: all 0.1s linear 0s;
}
.stui-vodlist article{padding:0 5px;}
.infor{margin-bottom: 25px;}
.infor h4{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	margin-bottom: 0px;
}
.infor h4 a{color:#555;}
.infor footer{
	font-size: 12px;
	text-align: center;
}
.countrie {
	z-index: 1;
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 12px;
}
.countrie .orange {
	display: inline-block;
	padding: 0 5px;
	opacity: .95;
	color: #fff;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	background: linear-gradient(to left,#ff7822 0,#ff9c29 100%);
}
.star50, .star45, .star40, .star35, .star30, .star25, .star20, .star15, .star10, .star5, .star0 {
	display: inline-block;
	*display: inline;
	background: url(https://lvv2.com/images/star.png) no-repeat;
	width: 55px;
	height: 11px;
	margin: 0 3px 0 0;
	overflow: hidden;
	margin-top: 10px;
}
.star45{background-position:0 -11px}
.star40{background-position:0 -22px}
.star35{background-position:0 -33px}
.star30{background-position:0 -44px}
.star25{background-position:0 -55px}
.star20{background-position:0 -66px}
.star15{background-position:0 -77px}
.star10{background-position:0 -88px}
.star5{background-position:0 -99px}
.star0{background-position:0 -110px}
@media(max-width:544px){.star50,.star45,.star40,.star35,.star30,.star25,.star20,.star15,.star10,.star5,.star0{zoom:55%}


	.stui-content__playlist {
		position: relative;
	}
	.stui-content__playlist li {
		padding-left: 5px;
		padding-right: 5px;
		position: relative;
		min-height: 1px;
		margin-bottom: 10px;
	}
	.stui-content__playlist li a {
		border: 1px solid #eee;
		padding: 5px 10px;
		line-height: 1.5;
		display: block;
		width: 100%;
		border-radius: 3px;
		text-align: center;
	}
	.stui-content__playlist li a:hover, .stui-content__playlist li.active a {
		border: 1px solid #f90;
		background-color: #f90;
		color: #fff;
	}