@charset "utf-8";
/* CSS Document */

*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}

/* container */
#container{width:895px; height:648px;margin:0 auto; background:url(../images/s2b_col_bg.jpg)}
/*#container li{position:relative;left:0;z-index:0;float:left;height:70px;width:70px; cursor:pointer;}*/
.bang_a{position:relative;left:0;float:left;height:70px;width:70px; cursor:pointer; margin:130px 0 0 85px;}
.bang_a_a{
	background-image:url(../images/balloon1.png);
	background-repeat: no-repeat;
	height: 170px;
	width: 605px;
	position:absolute;
	display:none;
	left:20px;
}
.baaa:hover .bang_a_a{
	display:block;}
.bang_b{position:relative;left:0;float:left;height:70px;width:70px; cursor:pointer; margin-top:130px;}
.bang_a_b{
	background-image:url(../images/balloon2.png);
	background-repeat: no-repeat;
	height: 170px;
	width: 605px;
	position:absolute;
	display:none;
	left:20px;
}
.baab:hover .bang_a_b{
	display:block;}


.bang_c{position:relative;left:0;float:left;height:70px;width:70px; cursor:pointer; margin:130px 0 0 35px;}
.bang_a_c{
	background-image:url(../images/balloon3.png);
	background-repeat: no-repeat;
	height: 170px;
	width: 605px;
	position:absolute;
	display:none;
	left:20px;
}
.baac:hover .bang_a_c{
	display:block;}
	
.bang_d{position:relative;left:0;float:left;height:70px;width:70px; cursor:pointer; margin:130px 0 0 31px;}
.bang_a_d{
	background-image:url(../images/balloon4.png);
	background-repeat: no-repeat;
	height: 170px;
	width: 605px;
	position:absolute;
	display:none;
	left:-195px;
}
.baad:hover .bang_a_d{
	display:block;}
	
.bang_e{position:relative;left:0;float:left;height:70px;width:70px; cursor:pointer; margin:130px 0 0 0px;}
.bang_a_e{
	background-image:url(../images/balloon5.png);
	background-repeat: no-repeat;
	height: 170px;
	width: 605px;
	position:absolute;
	display:none;
	left:-140px;
}
.baae:hover .bang_a_e{
	display:block;}
	
.bang_f{position:relative;left:0;float:left;height:70px;width:70px; cursor:pointer; margin:130px 0 0 42px;}
.bang_a_f{
	background-image:url(../images/balloon6.png);
	background-repeat: no-repeat;
	height: 170px;
	width: 605px;
	position:absolute;
	display:none;
	left:-100px;
}
.baaf:hover .bang_a_f{
	display:block;}
	
.bang_g{position:relative;left:0;float:left;height:70px;width:70px; cursor:pointer; margin:284px 0 0 -33px;}
.bang_a_g{
	background-image:url(../images/balloon7.png);
	background-repeat: no-repeat;
	height: 170px;
	width: 605px;
	position:absolute;
	display:none;
	left:-100px;
	top:-170px;
}
.baag:hover .bang_a_g{
	display:block;}

	
.bang_h{position:relative;left:0;float:left;height:70px;width:70px; cursor:pointer; margin:284px 0 0 -5px;}
.bang_a_h{
	background-image:url(../images/balloon8.png);
	background-repeat: no-repeat;
	height: 170px;
	width: 605px;
	position:absolute;
	display:none;
	left:-180px;
	top:-170px;
}
.baah:hover .bang_a_h{
	display:block;}
	
.bang_i{position:relative;left:0;float:left;height:70px;width:70px; cursor:pointer; margin:284px 0 0 -390px;}
.bang_a_i{
	background-image:url(../images/balloon9.png);
	background-repeat: no-repeat;
	height: 170px;
	width: 605px;
	position:absolute;
	display:none;
	left:-180px;
	top:-170px;
}
.baah:hover .bang_a_i{
	display:block;}

.bang_j{position:relative;left:0;float:left;height:70px;width:70px; cursor:pointer; margin:284px 0 0 -225px;}
.bang_a_j{
	background-image:url(../images/balloon10.png);
	background-repeat: no-repeat;
	height: 170px;
	width: 605px;
	position:absolute;
	display:none;
	left:-180px;
	top:-170px;
}
.baah:hover .bang_a_j{
	display:block;}

.bang_k{position:relative;left:0;float:left;height:70px;width:70px; cursor:pointer; margin:284px 0 0 -293px;}
.bang_a_k{
	background-image:url(../images/balloon11.png);
	background-repeat: no-repeat;
	height: 170px;
	width: 605px;
	position:absolute;
	display:none;
	left:-180px;
	top:-170px;
}
.baah:hover .bang_a_k{
	display:block;}





/*
.templates a{
	width:70px;
	height:70px;
	display:block;
	border-radius:100px;
	overflow:hidden;
}*/
.templates a{display:block;height:70px;width:70px;position:relative;}
/*.btn20{float:left;height:20px;font:1.2em/20px Arial;text-align:center;padding:0 20px;text-align:center;width:40px;color:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:#666 2px 2px 2px;-moz-box-shadow:#666 2px 2px 2px;box-shadow:#666 2px 2px 2px;background:#009fd8;background:-webkit-gradient(linear, 0 0, 0 bottom, from(#009fd8), to(#0088ce));background:-webkit-linear-gradient(#009fd8, #0088ce);background:-moz-linear-gradient(#009fd8, #0088ce);background:-ms-linear-gradient(#009fd8, #0088ce);background:-o-linear-gradient(#009fd8, #0088ce);background:linear-gradient(#009fd8, #0088ce);-pie-background:linear-gradient(#009fd8, #0088ce);}*/
.templates img{width:70px;height:70px;}
/*.templates .btnLine{position:absolute;bottom:8px;left:6px;right:6px;display:block;}*/
/*.templates .price{font:1.2em/20px Arial;float:right;}*/

.bang_new{
	width:895px;
	height:auto;
	padding-bottom:20px;
}
.bang_new li{
	height: 141px;
	width: 895px;
	margin-bottom: 30px;
}
.bn_pic{
	float: left;
	height: 141px;
	width: 189px;
}
.bn_main{
	float: right;
	height: 140px;
	width: 666px;
	padding:0 10px;
	border-bottom:1px dashed #727272;
}
.bnm_title{
	height: 40px;
	width: 666px;
}
.bnm_title a{
	font-size: 18px;
	line-height: 40px;
	color: #884854;
	float: left;
	height: 40px;
	width: 500px;
	font-weight: bold;
	display:block;
	overflow:hidden;
}
.bnm_title span{
	font-size: 14px;
	line-height: 40px;
	color: #884854;
	font-weight: bold;
	float:right;
}
.bnm_jianjie{
	font-size: 14px;
	line-height: 26px;
	color: #000;
	float:right;
	height: 78px;
	width: 666px;
	overflow:hidden;
}