@charset "utf-8";

#play {position: relative;overflow: hidden; border: 1px solid #E7E7E7;}
#play .change_a {width: 50%;height: 100%;position: absolute;top: 0;z-index: 1;cursor: pointer;display: block;overflow: hidden;background: url(about:blank)}
#play .prev_a {left: 0;}
#play .next_a {right: 0;}
#play .change_a span {width: 24px;height: 43px;display: block;position: absolute;top: 50%;margin-top: -21px;display: none;}
#play .prev_a span {background: url(../Images/pro-lr.png) no-repeat 0 -50px;left: 15px;}
#play .next_a span {background: url(../Images/pro-lr.png) no-repeat -30px -50px;right: 15px;}
#play .img_ul {position: relative;z-index: 1}
#play .img_ul img{max-width: 100%; height: auto !important;}
#play .img_a{position: relative;left: 0; top: 0; bottom:0 ; right: 0; margin: 0;}

.img_hd {border: 1px solid #E7E7E7;background-color: #eee;overflow: hidden;height: 94px;padding:5px;margin: 15px auto;position: relative}
.img_hd ul {position: absolute;z-index: 1}
.img_hd ul li {float: left;width: 84px;height: 84px;border: 1px solid #eee; background: #FFF; cursor: pointer;margin: 0 3px 0;overflow: hidden;*display: inline;padding: 1px;text-align: center}
.img_hd ul li img {width: 100%; height: 100%;}
.img_hd ul li.on {border-color: #2054a3;}
.img_hd .bottom_a {
	background: url(../Images/pro-lr.png) no-repeat;
	width: 22px;
	height: 22px;
	position: absolute;
	display: block;
	top: 50%;
	margin-top: -11px;
	cursor: pointer;
	z-index: 10
}

.img_hd .prev_a {background-position: 0 -24px;left: 6px;}
.img_hd .next_a {background-position: -30px -24px;right: 6px;}



@media (min-width:1024px) and (max-width:1199px) {



}

@media (min-width:768px) and (max-width:1023px) {
	

	
}


@media screen and (max-width:767px) {
	


}