/* CSS Document */
body,ul,li{ padding:0; margin:0;}
ul,li{ list-style:none;}
.box{ width:1140px; margin:0 auto; position:relative;  _height:100%;}
.picbox{ width:1140px; height:200px; overflow:hidden; position:relative;}
.piclist{ height:200px;position:absolute; left:0px; top:0px}
.piclist li{  margin: 10px; float:left;}
.piclist li img {width:360px;}
.swaplist{ position:absolute; left:-3000px; top:0px}
.og_prev,.og_next{ width:30px; height:50px; background:url(../images/icon.png) no-repeat; background:url(../images/icon_ie6.png) no-repeat\9; position:absolute; top:50%;margin-top: -25px; z-index:99; cursor:pointer;filter:alpha(opacity=70); opacity:0.7;}
.og_prev{ background-position:0 -60px; left:-50px;}
.og_next{ background-position:0 0; right:-50px;}

.box li {
	position: relative;
}
.box li .inner {
	position: absolute;
	width: 100%;
	height: 200px;
	left: 0px;
	top: 0px;
	display: table;
	text-align: center;
	opacity: 0;
	background: rgba(0, 0, 0, 0.3);
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	cursor: pointer;
}
.box li .inner p{
  transform: translate3d(0,100%,0);
  transition: all 0.3s ease-out;
  display: table-cell;
  vertical-align: middle;
  color: #fff;
}
.box li:hover .inner {
	opacity: 1;
}
.box li:hover .inner p {
  transform: translate3d(0,0,0);
}