.focus{
	width: 628px;
	height: 428px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.focus .pic{
	width: 628px;
	height: 374px;
	position: relative;

}

.focus .pic img{ width: 100%;    height: 374px; }
.focus .tit-bg{
	height: 46px;
	width: 100%;

}
.focus .txt{
	width: 100%;
	height: 46px;	
	overflow: hidden;
}
.focus .txt ul li{
	height: 36px;
	line-height: 36px;
	padding-left: 10px;
	position: absolute;
}
.focus .txt ul li a{
	color: #333;
	font-size: 18px;
}
.focus .num{
	position: absolute;
	bottom: 26px;
	right: 4px;
}
.focus .num li{
	width: 8px;
	height: 8px;
	background: #fff;
       border-radius: 8px;
	float: left;
	text-align: center;
	margin: 0 4px;
	cursor: pointer;
	font-size: 0px;
}
.focus .num li.on{
	background: #be1e1e;

}













.focusBox{
	width: 360px;
	height: 240px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.focusBox .pic{
	width: 360px;
	height: 240px;
	position: relative;

}

.focusBox .pic img{ width: 100%;    height: 374px; }
.focusBox .tit-bg{
	height: 36px;
	width: 100%;
	background: black;
	opacity: 0.4;
	filter: alpha(opacity=40);
	position: absolute;
	bottom: 0;
}
.focusBox .txt{
	width: 100%;
	height: 36px;
	position: absolute;
	bottom: 0;
	overflow: hidden;
background: #000;
	opacity: 0.6;
	filter: (opacity=60);


}
.focusBox .txt ul li{
	height: 36px;
	line-height: 36px;
	padding-left: 10px;
	position: absolute;
}
.focusBox .txt ul li a{
	color: #fff;
	font-size: 14px;
}
.focusBox .num{
	position: absolute;
	bottom: 8px;
	right: 4px;
}
.focusBox .num li{
	width: 20px;
	height: 18px;
	line-height: 18px;
	background: #eee;
	opacity: 0.6;
	filter: (opacity=60);
	float: left;
	text-align: center;
	margin: 0 2px;
	cursor: pointer;
	font-size: 12px;
}
.focusBox .num li.on{
	background: orange;
	color: #fff;
}










.poster-main {
  position: relative;
  margin: 0 auto;
  width: 1200px;

}

.poster-main a, .poster-main img { display: block; width: 100%; height: 100%;}
.poster-main img{ }
.poster-main .poster-list {
  width: 1200px;
  height: 380px;
}

.poster-main .poster-list .poster-item {
  width: 200px;
  height: 300px;
  position: absolute;
  left: 0;
  top: 0;
 
}

.poster-main .poster-btn {
  position: absolute;
  top: 0;
  cursor: pointer;
  filter: opacity(.5) brightness(1);
}
/*.poster-main .poster-btn:hover{ filter: opacity(1) brightness(2); }*/

.poster-main .poster-prev-btn {
  left: -40px;
  background: url(../images/prevbg.jpg) no-repeat left center;
}

.poster-main .poster-next-btn {
  right: -40px;
  background: url(../images/nextbg.jpg) no-repeat right center;
}
.poster-item{
	position: relative;
}
.poster-item-title{
	font-size: 18px;
	text-align: left;
	height: 60px;
	line-height: 60px;
	display: block;
	position: absolute;
	bottom: 0;
	color: #fff;
	width: 100%;
	/*background: url(../images/title-bg.png);*/
background: #000 url(../images/swiperplay.png) 96% center no-repeat;opacity: 0.7;filter: alpha(opacity=70);


}