.historyRollArea {
	width: 100%; overflow: hidden; margin-top: 20px;
}
.historyRollArea .photoDiv {
	width: 686px; height: 430px; float: left; position: relative;
}
.historyRollArea .photoDiv .photoRoll {
	width: 100%; height: 100%; overflow: hidden; position: relative;
}
.historyRollArea .photoDiv .photoRoll ul {
	height: 100%; position: relative;
}
.historyRollArea .photoDiv .photoRoll ul li {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.historyRollArea .photoDiv .photoRoll ul li img {
	width: 100%;
}
.historyRollArea .photoDiv .photoRoll ul li .txt {
	padding: 18px 110px 17px 0px; width: 576px; color: rgb(85, 85, 85); line-height: 19px; font-size: 16px; margin-top: 25px;
}
.historyRollArea .photoDiv .photoRoll ul li .txt span {
	color: rgb(119, 119, 119); font-size: 14px; display: inline-block;
}
.historyRollArea .photoDiv .btn {
	right: 0px; bottom: 0px; position: absolute;
}
.historyRollArea .photoDiv .btn a {
	float: left; display: inline-block;
}
.historyRollArea .thumDiv {
	width: 268px; height: 430px; margin-left: 26px; float: left; position: relative;
}
.historyRollArea .thumDiv .thumList {
	width: 100%; height: 351px; overflow: hidden; position: relative;
}
.historyRollArea .thumDiv .thumList ul {
	width: 100%; height: 351px; position: relative;
}
.historyRollArea .thumDiv .thumList ul li {
	left: 0px; top: 0px; width: 100%; height: 351px; position: absolute;
}
.historyRollArea .thumDiv .thumList ul li a {
	width: 132px; margin-right: 3px; margin-bottom: 2px; float: left; position: relative;
}
.historyRollArea .thumDiv .thumList ul li a img {
	width: 100%;
}
.historyRollArea .thumDiv .thumList ul li a .on {
	background: url("/images/tab_list_on_img.png") no-repeat 0px 0px / 100%; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.historyRollArea .thumDiv .paging {
	left: 0px; width: 100%; height: 35px; bottom: 0px; padding-top: 20px; position: absolute;
}
.historyRollArea .thumDiv .paging .btn_page {
	background: url("/images/tablist_btn.png") no-repeat 0px 0px; margin: 0px 3px 3px; width: 15px; height: 15px;
}
.historyRollArea .thumDiv .paging .on.btn_page {
	background: url("/images/tablist_btn_on.png") no-repeat 0px 0px;
}
.hisTit {
	color: rgb(51, 51, 51); font-size: 22px; font-weight: bold; margin-top: 35px;
}
.hisArea {
	overflow: hidden; margin-top: 20px;
}
.hisArea .hisView {
	width: 490px; height: auto; margin-right: 55px; float: left; position: relative;
}
.hisArea .hisView > img {
	width: 100%;
}
.hisArea .hisView .txt {
	padding: 20px 0px 0px; width: 490px; color: rgb(51, 51, 51);
}
.hisArea .hisView .txt .tit {
	font-size: 16px; font-weight: bold; margin-bottom: 10px;
}
.hisArea .hisView .txt .date span {
	background: url("/images/bar1x11.gif") no-repeat 0px 50%; padding-left: 19px; margin-left: 17px;
}
.hisArea .hisView .btn {
	display: none;
}
.hisArea .hisView .btn .prev {
	left: 0px; top: 40%; margin-top: -30px; position: absolute;
}
.hisArea .hisView .btn .next {
	top: 40%; right: 0px; margin-top: -30px; position: absolute;
}
.hisArea .hisList {
	width: 435px; height: 415px; float: left; position: relative;
}
.hisArea .hisList .indicator {
	width: 355px; height: 10px; text-align: center; right: 40px; bottom: 0px; position: absolute; z-index: 2;
}
.hisArea .hisList .indicator button {
	width: 10px; height: 10px; vertical-align: top;
}
.hisArea .hisList .rollList {
	margin: 0px auto; width: 355px; height: 415px; overflow: hidden; position: relative;
}
.hisArea .hisList .rollList .roll {
	left: 0px; top: 0px; width: 100%; height: 400px; position: absolute;
}
.hisArea .hisList .rollList .roll .list {
	width: 170px; margin-right: 15px; margin-bottom: 15px; float: left; display: block;
}
.hisArea .hisList .rollList .roll .list .img {
	width: 100%; height: 114px; overflow: hidden; display: block;
}
.hisArea .hisList .rollList .roll .list .img img {
	width: 100%;
}
.hisArea .hisList .btn .prev {
	left: 0px; top: 50%; margin-top: -8px; display: block; position: absolute;
}
.hisArea .hisList .btn .next {
	top: 50%; right: 0px; margin-top: -8px; display: block; position: absolute;
}
@media all and (max-width:980px)
{
.historyRollArea .photoDiv {
	margin: 0px auto; float: none;
}
.historyRollArea .photoDiv .photoRoll ul li .txt {
	padding: 18px 15% 17px 0px; width: 85%; margin-top: 0px;
}
.historyRollArea .photoDiv .btn {
	right: 0px; bottom: 0px; position: absolute;
}
.historyRollArea .photoDiv .btn .nextBtn img {
	width: 44px;
}
.historyRollArea .photoDiv .btn .prevBtn img:first-child {
	width: 45px;
}
.historyRollArea .thumDiv {
	margin: 20px auto 0px; width: 537px; height: 230px; float: none;
}
.historyRollArea .thumDiv .thumList {
	height: 176px;
}
.historyRollArea .thumDiv .thumList ul li {
	height: 176px;
}
.hisArea .hisView {
	margin: 0px auto; float: none;
}
.hisArea .hisView .btn {
	display: block;
}
.hisArea .hisList {
	margin: 30px auto 0px; width: 590px; height: 274px; float: none;
}
.hisArea .hisList .rollList {
	width: 540px; height: 244px;
}
.hisArea .hisList .rollList .roll {
	height: 244px;
}
.hisArea .hisList .indicator {
	width: 590px; right: 0px;
}
.hisArea .hisList .btn .prev {
	top: 44%;
}
.hisArea .hisList .btn .next {
	top: 44%;
}
}
@media all and (max-width:800px)
{
.historyTitle {
	margin-bottom: 30px !important;
}
.historyRollArea .photoDiv {
	width: 100%;
}
.historyRollArea .photoDiv .photoRoll ul li {
	height: auto;
}
.historyRollArea .photoDiv .btn .nextBtn img {
	width: 39px;
}
.historyRollArea .photoDiv .btn .prevBtn img:first-child {
	width: 40px;
}
.hisArea .hisList {
	width: 550px; height: 260px;
}
.hisArea .hisList .rollList {
	width: 500px; height: 244px;
}
.hisArea .hisList .rollList .roll .list {
	width: 158px; margin-right: 13px; margin-bottom: 13px;
}
.hisArea .hisList .rollList .roll .list .img {
	height: 106px;
}
.hisArea .hisList .indicator {
	width: 550px; right: 0px;
}
.hisArea .hisList .btn .prev {
	top: 44%;
}
.hisArea .hisList .btn .next {
	top: 44%;
}
}
@media all and (max-width:600px)
{
.historyRollArea {
	margin-top: 10px;
}
.historyRollArea .photoDiv .photoRoll ul li .txt {
	padding: 12px 19% 13px 0px; width: 79%; line-height: 16px; font-size: 13px;
}
.historyRollArea .photoDiv .photoRoll ul li .txt span {
	color: rgb(119, 119, 119); font-size: 12px;
}
.historyRollArea .photoDiv .btn {
	bottom: 10px;
}
.historyRollArea .photoDiv .btn .nextBtn img {
	width: 29px;
}
.historyRollArea .photoDiv .btn .prevBtn img:first-child {
	width: 30px;
}
.historyRollArea .thumDiv {
	margin: 20px auto 0px; width: 268px; height: 400px; float: none;
}
.historyRollArea .thumDiv .thumList {
	height: 351px;
}
.historyRollArea .thumDiv .thumList ul li {
	height: 351px;
}
.historyRollArea .thumDiv .paging {
	padding-top: 10px;
}
.hisTit {
	font-size: 17px; margin-top: 25px;
}
.hisArea {
	margin-top: 15px;
}
.hisArea .hisView {
	width: 100%;
}
.hisArea .hisView .txt {
	padding: 10px 0px 0px; width: 100%;
}
.hisArea .hisView .txt .tit {
	line-height: 18px; font-size: 13px; margin-bottom: 5px;
}
.hisArea .hisView .txt .date {
	font-size: 11px;
}
.hisArea .hisView .btn .prev {
	top: 50%; margin-top: -15px;
}
.hisArea .hisView .btn .prev img {
	width: 30px;
}
.hisArea .hisView .btn .next {
	top: 50%; margin-top: -15px;
}
.hisArea .hisView .btn .next img {
	width: 30px;
}
.hisArea .hisList {
	margin: 20px auto 0px; width: 280px; height: 284px;
}
.hisArea .hisList .rollList {
	width: 240px; height: 100%;
}
.hisArea .hisList .rollList .roll {
	height: 255px;
}
.hisArea .hisList .rollList .roll .list {
	width: 115px; margin-right: 10px; margin-bottom: 10px;
}
.hisArea .hisList .rollList .roll .list .img {
	height: 77px;
}
.hisArea .hisList .indicator {
	width: 100%;
}
.hisArea .hisList .btn .prev {
	left: 0px; top: 44%;
}
.hisArea .hisList .btn .next {
	top: 44%; right: 0px;
}
}