@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}

.img_hd {width: 100%;border: 1px solid #E7E7E7;background-color: #eee;overflow: hidden;height: 74px;padding:5px;margin: 15px auto;position: relative}
.img_hd ul {position: absolute;z-index: 1}
.img_hd ul li {float: left;width: 64px;height: 64px;border: 1px solid #eee;cursor: pointer;margin: 0 3px 0 1px;overflow: hidden;*display: inline;padding: 1px;text-align: center}
.img_hd ul li img {height: 60px}
.img_hd ul li.on {border-color: #c52323;}
.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) {
	


}