.main-game-container .game-page-item {
	position: relative;
	width: 300px;
	height: 400px;
	margin:0px 10px 50px 10px;
	border-radius: 10px;
	overflow: hidden;
	display: inline-block;
	cursor: pointer;
}
.game-page-item-thumb {
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.game-page-item .title {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: rgba(0,0,0,.8);
	color: #fff;
	text-align: center;
}
.game-page-item .kind {
	display: none;
}

.game-page-pop .game-page-pop-container .game-page-item {
	position: relative;
	width: 200px;
	height: 250px;
	margin:5px;
	border-radius: 10px;
	overflow: hidden;
	cursor: pointer;
}




.game-page-item.style2 {
	width: 280px;
	height: 280px;
	margin: 10px 0px;
	overflow: visible;
}
.game-page-item.style2 .title {
	bottom: -15px;
	font-size: .9rem;
	background: none;
	color: #fff;
}
.game-page-pop .game-page-pop-container .game-page-item.style2 .title {
	bottom: -10px;
	font-size: .9rem;
	background: none;
	color: #fff;
}


.game-page-pop .game-page-pop-container .game-page-item.style2 {
	width: 225px;
	height: 230px;
	margin: 20px 0px;
	overflow: visible;
}

.game-page-item.style2 .game-page-item-thumb {
	background-size: 80%;
}



.main-game-container .game-page-item.style3 {
	width: 270px;
	height: 350px;
    border-radius: 10px;
	margin: 20px;
	border: 2px gold solid;
}
.game-page-item.style3 .title {
	bottom: 85px;
	font-size: 1rem;
	background: none;
	line-height:1.5;
}

.game-page-pop .game-page-pop-container .game-page-item.style3 {
	width: 250px;
	height: 300px;
    border-radius: 10px;
	margin: 10px;
	border: 2px gold solid;
}
.game-page-pop .game-page-item.style3 .game-page-item-thumb {
	background-size: 100% 100%;
}
.game-page-pop .game-page-item.style3 .title {
	bottom: 60px;
	font-size: .9rem;
	background: none;
}



.main-game-container .game-page-item.style4, .game-page-pop .game-page-pop-container .game-page-item.style4 {
	width: 220px;
	height: 170px;
	margin: 20px 10px 0px;
}
.main-game-container .game-page-item.style4 .title, .game-page-pop .game-page-pop-container .game-page-item.style4 .title {
	height: 50px;
    line-height: 50px;
	background: none;
}


@media (hover: hover) {

	.game-page-item:hover .game-page-item-thumb {
		background-size: 120% 120%;
	}
	
	.game-page-item.style2:hover .title {
		bottom: -20px;
	}
	.game-page-pop .game-page-pop-container .game-page-item.style2:hover .title {
		bottom: -10px;
	}
	.game-page-item.style2:hover .game-page-item-thumb {
		background-size: 85% !important;
		filter: drop-shadow(0px 0px 10px red);
	}
	.game-page-item.style3:hover {
		filter: drop-shadow(0px 0px 10px gold);
	}
	.game-page-pop .game-page-item.style3:hover {
		border: 1px #ab8c22 solid;
		filter: drop-shadow(0px 0px 5px black);
	}
	.main-game-container .game-page-item.style4:hover, .game-page-item.style4:hover {
		box-shadow: 0 0 10px rgb(0 0 0 / 70%);
	}
	.game-page-item.style4:hover .game-page-item-thumb {
		background-size: 110%;
	}
	
}