@import "common.css";


#body_middle .content .topoppo{
	float: left;
	width: 976px;
	height: 229px;
	text-align: center;
	padding: 8px 0px 0px 0px;
	background: url(../images/banner.gif) center top no-repeat;
}

#body_middle .content .bottomoppo{
	float: left;
	width: 976px;
	background: url(../images/layout/centerr.gif) left top repeat-y;
}

#body_middle .content .bottomoppo .top_ting{
	float: left;
	width: 946px;
	padding: 0px 0px 0px 30px;
	margin: 10px 0px 10px 0px;
}

#body_middle .content .bottomoppo .top_ting .service{
	float: left;
	width: 630px;
}

#body_middle .content .bottomoppo .top_ting .service .paner_top_right{
	width: 620px;
}

#body_middle .content .bottomoppo .top_ting .service .paner_center_left{
	height: 332px;
}

#body_middle .content .bottomoppo .top_ting .service .paner_center_right{
	height: 332px;
	width: 620px;
}

#body_middle .content .bottomoppo .top_ting .service .paner_bottom_right{
	width: 620px;
}

#body_middle .content .bottomoppo .top_ting .service .service_desc{
	float: left;
	padding: 0px 0px 0px 12px;	
	overflow: hidden;
}

#body_middle .content .bottomoppo .top_ting .service .service_desc .ye{
	color:#999900; 
}

#body_middle .content .bottomoppo .top_ting .service .service_desc .yebo{
	color:#999900; 
	font-weight: bold;
}

#body_middle .content .bottomoppo .top_ting .service .service_items{
	float: left;
	padding: 0px 0px 0px 12px;	
}

#body_middle .content .bottomoppo .top_ting .service .service_items .service_item{
	float: left;
	width: 140px;
	text-align: center;
	color:#999900; 
	cursor: pointer;
	margin: 24px 2px 0px 2px;
}

#body_middle .content .bottomoppo .top_ting .eventsorfriends{
	float: left;
	width: 278px;
	height: 180px;
	margin: 0px 0px 0px 10px;
}

#body_middle .content .bottomoppo .top_ting .eventsorfriends .events{
	float: left;
}

#body_middle .content .bottomoppo .top_ting .eventsorfriends .events .paner_top_right{
	width: 265px;
}

#body_middle .content .bottomoppo .top_ting .eventsorfriends .events .paner_center_left{
	height: 120px;
}

#body_middle .content .bottomoppo .top_ting .eventsorfriends .events .paner_center_right{
	height: 120px;
	width: 265px;
}
#body_middle .content .bottomoppo .top_ting .eventsorfriends .events .paner_bottom_left{
	
}

#body_middle .content .bottomoppo .top_ting .eventsorfriends .events .paner_bottom_right{
	width: 265px;
}

#body_middle .content .bottomoppo .top_ting .eventsorfriends .events .events_items{
	float: left;
	width: 100%;
	overflow: hidden;
	color: #999999;
}

#body_middle .content .bottomoppo .top_ting .eventsorfriends .events .events_items .event_item{
	float: left;
	width: 240px;
	height: 20px;
}


#body_middle .content .bottomoppo .top_ting .eventsorfriends .friends{
	float: left;
	width: 275px;
	margin: 18px 0px 0px 0px;
}

#body_middle .content .bottomoppo .top_ting .eventsorfriends .friends .paner_top_right{
	width: 265px;
}

#body_middle .content .bottomoppo .top_ting .eventsorfriends .friends .paner_center_left{
	height: 128px; 
}

#body_middle .content .bottomoppo .top_ting .eventsorfriends .friends .paner_center_right{
	height: 128px; 
	width: 265px;
}

#body_middle .content .bottomoppo .top_ting .eventsorfriends .friends .paner_bottom_right{
	width: 265px;
}

#body_middle .content .bottomoppo .top_ting .eventsorfriends .friends .friends_items{
	float: left;
	width: 100%;
	overflow: hidden;
}

#body_middle .content .bottomoppo .top_ting .eventsorfriends .friends .friends_items .friends_item{
	float: left;
	width: 56px;
	text-align: center;
	margin: 0px 12px 8px 12px;
	cursor: pointer;
	line-height: 14px;
}

#body_middle .content .bottomoppo .historylist{
	float: left;
	width: 936px;
	margin: 0px 0px 10px 0px;
	padding: 0px 10px 0px 30px;
}

#body_middle .content .bottomoppo .historylist .paner_top .paner_top_right{
	width: 908px;
}

#body_middle .content .bottomoppo .historylist .paner_center .paner_center_left{
	height: 120px;
}

#body_middle .content .bottomoppo .historylist .paner_center .paner_center_right{
	height: 120px;
	width: 908px;
}

#body_middle .content .bottomoppo .historylist .paner_bottom .paner_bottom_right{
	width: 908px;
}

#body_middle .content .bottomoppo .historylist .historylist_frame{
	float: left;
	width: 100%;	
	height:100%;
	overflow: hidden;
}

#body_middle .content .bottomoppo .historylist .historylist_frame .list_left{
	float: left;
	width: 24px;
	height:90%;
	cursor: pointer;
	background: url(../images/his_last.gif) center no-repeat;
}

#body_middle .content .bottomoppo .historylist .historylist_frame .list_center{
	float: left;
	width: 860px;
}

#body_middle .content .bottomoppo .historylist .historylist_frame .list_center  .his_item_par{
	padding: 0px 3px 0px 3px;
}

#body_middle .content .bottomoppo .historylist .historylist_frame .list_center .his_item{
	float: left;
	width: 202px;
	border: solid 2px #cccccc;	
	text-align: center;
}

#body_middle .content .bottomoppo .historylist .historylist_frame .list_center div:hove{
	border-color: red;
}

#body_middle .content .bottomoppo .historylist .historylist_frame .list_center .his_item img{
	margin: 3px 0px 0px 1px;
}

#body_middle .content .bottomoppo .historylist .historylist_frame .list_right{
	float: left;
	width: 24px;
	height:90%;
	cursor: pointer;
	background: url(../images/his_next.gif) right no-repeat;
}