@charset "utf-8";
/* examples_body */
.examples_body {
	clear: both;
	position: relative;
}
.bx_wrap {
}
.bx_wrap ul img { border: 1px solid #DDD;  height:155px;width:155px;}

.bx_wrap a.prev {
	width: 27px;
	height: 34px;
	line-height: 17px;
	outline-style: none;
	outline-width: 0;
	position: absolute;
	top: 40px;
	left: 75px;
	text-indent: -9999px;
	background: url(/images/icon_arrow_left.gif) no-repeat left;
}
.bx_wrap a.prev:hover {
	background: url(/images/icon_arrow_left.gif) no-repeat right;
}
.bx_wrap a.next {
	width: 27px;
	height: 34px;
	line-height: 17px;
	left: 620px;
	outline-style: none;
	outline-width: 0;
	position: absolute;
	top: 40px;
	text-indent: -9999px;
	background: url(/images/icon_arrow_right.gif) no-repeat right;
}
.bx_wrap a.next:hover {
	background: url(/images/icon_arrow_right.gif) no-repeat left;
}
#picBox{width:750px; height:240px; overflow:hidden; position:relative;}
#picBox ul#show_pic{ margin:0; padding:0; list-style:none; height:240px; width:2250px; position:absolute;}
#picBox ul#show_pic li{ float:left; margin:0; padding:0; height:240px;}
#picBox ul#show_pic li img{ display:block;}
#icon_num{ position:absolute; bottom:0px; right:10px;}
#icon_num li{ float:left; background:url(http://pc.qq.com/pc/images/flashbutton.gif) no-repeat -15px 0;width:15px; height:15px; list-style:none; color:#999; text-align:center;  cursor:pointer; padding:0; margin:0;margin-right:5px;}
#icon_num li:hover,#icon_num li.active{ background:url(http://pc.qq.com/pc/images/flashbutton.gif) no-repeat 0 0; color:#fff;}
#picBox_top{width:610px; height:205px; margin:50px auto; position:relative; overflow:hidden;}
#picBox_top ul#show_pic_top{ margin:0; padding:0; list-style:none; height:240px; width:750px; position:absolute;}
#picBox_top ul#show_pic_top li{ float:left; margin:0; padding:0; height:240px;}
#picBox_top ul#show_pic_top li img{ display:block;}
#icon_num_top{ position:absolute; bottom:0px; right:10px;}
#icon_num_top li{ float:left; background:url(http://pc.qq.com/pc/images/flashbutton.gif) no-repeat -15px 0;width:15px; height:15px; list-style:none; color:#39F; text-align:center;  cursor:pointer; padding:0; margin:0;margin-right:5px;}
#icon_num_top li:hover,#icon_num_top li.active{ background:url(http://pc.qq.com/pc/images/flashbutton.gif) no-repeat 0 0; color:#fff;}

.navbj{ background-color:#c2c2c2;padding:12px 0}
.navs{background:url(/images/nav.jpg) repeat-x top;height:37px}
.navs ul li{float:left; background:url(/images/navli.jpg) no-repeat top right;height:37px;line-height:37px}
.navs ul li a{font-size:14px;color:#888;display:block;height:37px;padding:0 30px}
.navs ul li a:hover,.navs ul li a.curr{text-decoration:none; background:url(/images/navlih.jpg) repeat-x top}

.top{width:1000px;height:161px; background:url(/images/top.jpg) no-repeat center top;position:relative}
.zyw{position:absolute;right:20px;bottom:20px}
.zyw a{color:#d2fd7e;line-height:25px}
.zyw a img{vertical-align:middle;line-height:25px;margin-right:10px}