/* app */
.stui-app__item{position: relative;float: left;padding: 10px;width: 20%;}
.stui-app__item.active{ width: 33.333333%;}
.stui-app__thumb{position: relative;display: block;padding-top: 100%;background-position: 50% 50%;background-size: cover;}
.stui-app__thumb.active{ padding-top: 50%;}
.stui-app__thumb .play{display: none; position: absolute; top: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0,0.1) url(../images/play.png) center no-repeat;}
.stui-app__thumb:hover .play{ display: block;}
.stui-app__thumb .pic-text{display: block; width: 100%; position: absolute; bottom: 0; left: 0; padding:5px 10px; text-align: right; font-size: 12px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; background-repeat: no-repeat; background-image: linear-gradient(transparent,rgba(0,0,0,.5)); color: #FFFFFF;}
.stui-app__title{ text-align:center;font-size: 16px; margin-bottom: 0; width:100%; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}

@media (max-width: 1023px){
	
 

	/* app */
	.stui-app__item{ width: 25%;}
	.stui-app__item.active{ width: 25%;}
 

@media (max-width:767px){

	/* app */
	.stui-app__item{ width: 33.333333%;}
	.stui-app__item.active{ width: 333333%;}
	
}