#container {float:right;width:711px;}



/*------------------ recommend ----------------*/

.recommend {}

.recommend .icon_tjyx{background:url(../images/tit_icon_sprit.png) no-repeat left -37px;}

.recommend .reucon ul li {float:left;width:210px;height:210px;/*ie7����*/position:relative;z-index:100;overflow:hidden}

.recommend .reucon ul li .reco_s {text-align:center;line-height:290%;font-size:14px;color:#333;}

.recommend .reucon ul li .reco_s img {border-radius:10px;}

.recommend .reucon ul li .reco_h {display:none;width:210px;height:180px;position:absolute;left:0;top:-200px;background:url(../images/tj_gbg.png) repeat left center;z-index:102}

/*.recommend .reucon ul li:hover .reco_h {display:block;top:0px;}*/

.recommend .reucon ul li .reco_h p {

color: #666;

line-height: 22px;

padding: 15px;

}

.recommend .reucon ul li .reco_h p .summ {

margin-top: 13px;

display: block;

}

.recommend .reucon ul li .reco_h p .re_tit {

display: block;

font-size: 16px;

font-weight:bold;

color: #333;

}

.recommend .reucon ul li .reco_h p .re_tit .gstyle {

color: #666;

float:right;

font-size:12px;

padding-top:5px

}

.recommend .reucon ul li .reco_h div {}

.recommend .reucon ul li .reco_h div a {

float:left;

display: block;

vertical-align: middle;

padding:0;

}

.recommend .reucon ul li .reco_h div a.jinrux {



position: absolute;

left: 17px;

bottom: 16px;

width: 115px;

height: 34px;

text-align: center;

line-height: 34px;

color: #fff;

font-size: 16px;

font-family: 微软雅黑;

}

.recommend .reucon ul li .reco_h div a.jinrux:hover {background:url(../images/tj_ing_h.png) no-repeat}

.recommend .reucon ul li .reco_h div a.jinr {



margin-right: 0px;

position: absolute;

right: 18px;

bottom: 16px;

width: 59px;

height: 34px;

text-align: center;

line-height: 34px;

color: #fff;

font-size: 12px;

font-family: 微软雅黑;

}

.recommend .reucon ul li .reco_h div a.jinr:hover {background:url(../images/tj_inn_h.png) no-repeat}

/*---------- hotgame style ---------*/

.icon_rmyx{background:url(../images/tit_icon_sprit.png) no-repeat left -74px;}

.hotgame .reucon ul {min-height:300px;}/*ie7����*/

.hotgame .reucon ul li {float:left;margin:10px;width:210px;height:98px;background:#f3f3f5;position:relative;}

.hotgame .reucon ul li .bjjj {display:block;width:194px;height:82px;padding:7px;border:1px solid #d0d0d0}

.hotgame .reucon ul li .bjjj:hover {display:block;width:194px;height:82px;padding:5px;border:3px solid #d0d0d0}

.hotgame .reucon ul li .bjjj .hg_pic {float:left;width:82px;height:82px;border-radius:5px;overflow:hidden;}

.hotgame .reucon ul li .bjjj .hg_info {float:left;width:95px;height:82px;padding-left:8px;overflow:hidden;}

.hg_info .hg_title {font-size:14px;font-weight:bold;color:#333;}

.gstyle,.gwdjlb a {line-height:110%;white-space: nowrap;}

.gwdjlb a {color:#21a907}

.gwdjlb a:hover {color:#1d9600}

.togame {padding-top:0px;}

.togame a {

	display:block;

	width:62px;

	height:19px;

	line-height:19px;

	color:#333;

	text-align:center;

	border-radius:4px;

	border:1px solid #d0d0d0;

	background-color: #f5f5f5;

	background-image: -moz-linear-gradient(top, #fefefe, #cdcdcd);

	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#cdcdcd));

	background-image: -webkit-linear-gradient(top, #fefefe, #cdcdcd);

	background-image: -o-linear-gradient(top, #fefefe, #cdcdcd);

	background-image: linear-gradient(to bottom, #fefefe, #cdcdcd);

	background-repeat: repeat-x;

	border-color: #e6e6e6 #e6e6e6 #bfbfbf;

	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

	}

.hotgame .reucon ul li .bjjj:hover .togame a {background-color: #21a907;background-image:none;color:#fff;}

.hotgame .reucon ul li .bjjj:hover .togame a:hover {color:#fff;background-color: #1d9600;}

.hot_mask {width:35px;height:36px;position:absolute;right:0;top:0;z-index:203;background:url(../images/hot.png) no-repeat right top;}



/*------------- gsearch -------------*/

.gsearch {height:32px;overflow:hidden;position:relative;}

.gsearch input[type="text"] {position:absolute;left:0;top:0;width:587px;height:12px;padding:8px;border-top:2px solid #d0d0d0;border-bottom:2px solid #d0d0d0;border-left:2px solid #d0d0d0;border-right:0px solid #d0d0d0;}

.gsearch input[type="submit"] {position:absolute;right:0;top:0;width:106px;height:32px;background:url(../images/search_go.jpg) no-repeat;border:none;cursor:pointer}

.gsearch input {outline:none;background:#ffffff;}



/*----------- moregames ----------------*/

.moregames ul {height:240px;}

.icon_gdyx {background:url(../images/tit_icon_sprit.png) no-repeat left -185px;}

.moregames .reucon ul li {float:left;width:141px;height:39px;overflow:hidden;}

.moregames .reucon ul li img {vertical-align: text-bottom;margin-right:10px;margin-top: 4px;}

.moregames .reucon ul li a {display:block;width:111px;height:23px;padding:8px 3px 8px 27px;vertical-align: middle;}

.moregames .reucon ul li a:hover {background:#f0f0f0}

.moregames .reucon ul li a span {display:block;float:left;white-space:nowrap;/*ie7����*/}



/*------------ flink style ----------*/

.icon_yqlj {background:url(../images/tit_icon_sprit.png) no-repeat left -222px;}

#flink .reucon {color:#cccccc;line-height:36px;}

#flink .reucon a {line-height:36px;padding: 0 3px;}



/*----------- navigation style ---------*/

.reutit span {line-height:37px;font-size:14px;display: block;

float: left;

padding-left: 8px;}



.icon_yhzx{background:url(../images/tit_icon_sprit.png) no-repeat left -296px;}

.icon_czfs{background:url(../images/tit_icon_sprit.png) no-repeat left -370px;}

.icon_kfzx{background:url(../images/tit_icon_sprit.png) no-repeat left -333px;}