@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
fieldset, img {
	border: 0
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: 400
}
ol, ul {
	list-style: none
}
caption, th {
	text-align: left
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: 400
}
q:before, q:after {
content:
}
abbr, acronym {
	border: 0
}
body {
	color: #666;
	background-color: #fff;
	font: 12px/1.5 '微软雅黑', tahoma, arial, 'Hiragino Sans GB', 宋体, sans-serif
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}
.clearfix {
	zoom: 1
}
.poster-main {
	position: relative;
	width: 900px;
	height: 270px
}
.poster-main a, .poster-main img {
	display: block
}
.poster-main .poster-list {
	width: 900px;
	height: 270px
}
.poster-main .poster-list .poster-item {
	position: absolute;
	left: 0;
	top: 0
}
.poster-main .poster-btn {
	position: absolute; cursor:pointer;
	height: 100%;
	width: 100px;
	top: 0;
	z-index: 10;
}
.poster-main .poster-prev-btn {
	left: -70px;
	background: url(../images/sarr1.png) no-repeat center center
}
.poster-main .poster-prev-btn:hover {
	background: url(../images/sarr01.png) no-repeat center center
}

.poster-main .poster-next-btn {
	right: -70px;
	background: url(../images/sarr2.png) no-repeat center center
}
.poster-main .poster-next-btn:hover {
	background: url(../images/sarr02.png) no-repeat center center
}

@media ( max-width:880px){
.poster-main .poster-prev-btn {
	left: -20px;
}
.poster-main .poster-next-btn {
	right: -20px;
}
}