.civiwrap
{
	width: 775px;
	float:left;
	height:auto;
	overflow: hidden;
	padding:0 5px 5px 5px;
}
.civi
{
	width: 864px;
	position: relative;
	overflow: hidden;
	height: 100% !important;
}
.civi ul li
{
	list-style: none;
	width: 123px;
	height: 218px;
	float: left;
}
.civi .l1
{
	background-image: url(../images/01.jpg);
	width: 368px;
}
.civi .l2
{
	background-image: url(../images/02.jpg);
}
.civi .l3
{
	background-image: url(../images/03.jpg);
}
.civi .l4
{
	background-image: url(../images/04.jpg);
}
.civi .l5
{
	background-image: url(../images/05.jpg);
}


.civi-desc
{
	border-left: 1px solid #fff; /*width:300px;*/
	height: 218px;
	overflow: hidden;
}
.civi-desc .civi-descico
{
	width: 123px;
	height: 140px;
	padding: 79px 0;
	background: #fff;
	filter: alpha(opacity=80);
	background: rgba(255,255,255,.8);
	text-align: center;
}

.l1 .civi-desc .civi-descico
{
	width: 109px;
	margin: 79px 0;
	padding: 0; /*filter:alpha(opacity=80);background:rgba(255,255,255,.8); */
}
.l1 .civi-desc .civi-desctxt
{
	display: block;
}

.civi-desc .civi-descico i
{
	display: block;
	width: 100%;
	height: 100px;
}
.civi-desc .civi-descico h7
{
	line-height: 30px;
	font-size: 14px;
	color: #060001;
	text-align: center;
}
.civi-desc .civi-desctxt
{
	/*display: none;*/
	width: 210px;
	margin: 79px 0;
	padding: 34px 15px;
	height: 72px;
	color: #fff;
	overflow: hidden;
}
.l1 .civi-desc .civi-descico i
{
	background: url(../images/smico.png) center no-repeat;
}
.l1 .civi-desc .civi-desctxt
{
	background: #e6514c;
	filter: alpha(opacity=80);
	background: rgba(255,102,102,.8);
}
.l2 .civi-desc .civi-descico i
{
	background: url(../images/yjico.png) center no-repeat;
}
.l2 .civi-desc .civi-desctxt
{
	background: #4e8b15;
	filter: alpha(opacity=80);
	background: rgba(78,139,21,.8);
}
.l3 .civi-desc .civi-descico i
{
	background: url(../images/jzico.png) center no-repeat;
}
.l3 .civi-desc .civi-desctxt
{
	background: #b99601;
	filter: alpha(opacity=80);
	background: rgba(185,150,1,.8);
}
.l4 .civi-desc .civi-descico i
{
	background: url(../images/jsico.png) center no-repeat;
}
.l4 .civi-desc .civi-desctxt
{
	background: #4c9fb6;
	filter: alpha(opacity=80);
	background: rgba(76,159,182,.8);
}
.l5 .civi-desc .civi-descico i
{
	background: url(../images/lnico.png) center no-repeat;
}
.l5 .civi-desc .civi-desctxt
{
	background: #9c9c9c;
	filter: alpha(opacity=80);
	background: rgba(156,156,156,.8);
}