@charset "utf-8";
*{margin:0;padding:0}


#top_pic_games
{
	padding:10px 0 0;
}
div[id^="pic_games_item"]
{
	position:relative;
	float:left;
	margin:0 5px;
	width:390px;
	height:250px;
	overflow:hidden;
	box-shadow:0 0 8px #202020;
	transition:0.2s;
	z-index:2;
}
div[id^="pic_games_item"]:hover
{
	box-shadow:0 0 15px #767676;
}
div[id^="pic_games_item"]:hover > div[id^="pic_games_i_thum"]
{
	opacity:0.5;
}
div[id^="pic_games_item"]:hover > div[id^="pic_games_i_thum"] img
{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
div[id^="pic_games_item"]:hover > div[id^="pic_games_i_genre"]
{
	bottom:132px;
}
div[id^="pic_games_item"]:hover > div[id^="pic_games_i_title"]
{
	bottom:82px;
}
div[id^="pic_games_item"]:hover > div[id^="pic_games_i_spr"]
{
	bottom:0;
}
div[id^="pic_games_item"]:hover > div[id^="pic_games_i_arrow"]
{
	bottom:7px;
}
div[id^="pic_games_i_thum"]
{
	width:390px;
	transition:0.3s;
	z-index:2;
}
div[id^="pic_games_i_thum"] img
{
	display:block;
	width:100%;
	height:auto;
	border:0;
	transition:0.3s;
}
div[id^="pic_games_i_genre"]
{
	position:absolute;
	bottom:50px;
	right:0;
	width:0;
	height:0;
	border-style:solid;
	border-width:0 0 50px 390px;
	border-color: transparent transparent #292929 transparent;
	transition:0.2s;
	z-index:3;
}
div[id^="pic_games_i_genre"] .genre_tag
{
	position:absolute;
	width:120px;
	bottom:-45px;
	right:20px;
	text-align:right;
	font-size:14px;
	font-weight:bold;
	line-height:16px;
	color:#b0b0b0;
	text-decoration:underline;
	z-index:4;
}
div[id^="pic_games_i_title"]
{
	position:absolute;
	bottom:0;
	right:0;
	box-sizing:border-box;
	padding:0 15px;
	width:100%;
	height:50px;
	text-align:right;
	font-size:20px;
	font-weight:bold;
	line-height:50px;
	word-break:break-all;
	color:#ffffff;
	background:#292929;
	overflow:hidden;
	transition:0.2s;
	z-index:3;
}
div[id^="pic_games_i_title"] a
{
	color:#ffffff;
}
div[id^="pic_games_i_spr"]
{
	cursor:pointer;
	position:absolute;
	bottom:-82px;
	right:0;
	box-sizing:border-box;
	padding:5px 15px;
	width:100%;
	height:82px;
	text-align:left;
	font-size:14px;
	line-height:18px;
	color:#ffffff;
	background:#292929;
	overflow:hidden;
	transition:0.2s;
	z-index:3;
}
div[id^="pic_games_i_spr"]:hover + div[id^="pic_games_i_arrow"]
{
	border-color:#ff0000 transparent transparent transparent;
}
div[id^="pic_games_i_arrow"]:hover
{
	border-color:#ff0000 transparent transparent transparent;
}
div[id^="pic_games_i_arrow"]
{
	cursor:pointer;
	position:absolute;
	bottom:-75px;
	left:50%;
	width:0;
	height:0;
	border-style:solid;
	border-width:12px 36px 0 36px;
	border-color:#ffffff transparent transparent transparent;
	transform:translateY(0) translateX(-50%);
	-webkit- transform:translateY(0) translateX(-50%);
	transition:0.45s;
	z-index:4;
}
div[id^="pic_games_i_arrow"]:after
{
	position:absolute;
	content:'';
	top:-12px;
	left:50%;
	width:0;
	height:0;
	border-style:solid;
	border-width:8px 28px 0 28px;
	border-color:#292929 transparent transparent transparent;
	transform:translateY(0) translateX(-50%);
	-webkit- transform:translateY(0) translateX(-50%);
	z-index:5;
}
.p_item_act1
{
}
.p_item_act1:after
{
	position:absolute;
	content:'';
	top:0;
	left:13.5%;
	width:0;
	height:0;
	border-style:solid;
	border-width:15px 40px 0 40px;
	border-color:#ffffff transparent transparent transparent;
	z-index:9;
}
.p_item_act2
{
}
.p_item_act2:after
{
	position:absolute;
	content:'';
	top:0;
	left:46.5%;
	width:0;
	height:0;
	border-style:solid;
	border-width:15px 40px 0 40px;
	border-color:#ffffff transparent transparent transparent;
	z-index:9;
}
.p_item_act3
{
}
.p_item_act3:after
{
	position:absolute;
	content:'';
	top:0;
	left:79.5%;
	width:0;
	height:0;
	border-style:solid;
	border-width:15px 40px 0 40px;
	border-color:#ffffff transparent transparent transparent;
	z-index:9;
}
img[id^="pbgV"]
{
	display:block;
	width:100%;
	height:auto;
	border:0;
	transition-property:opacity;
	transition-duration:0.6s;
	opacity:1;
}
img[id^="pbgV"].transparent
{
	opacity:0;
}