.topBanner { position:relative; width:100%; z-index:11; background-color:#ededed; }
.topBanner .topBannerDirectionNav { position:relative; max-width:1240px; margin:0 auto; z-index: 1;}
.topBanner .topBannerDirectionNav .inner { position:absolute; right: 0;}
.topBanner .topBannerDirectionNav span {position:absolute; width: 14px; height: 14px; cursor:pointer; }
.topBanner .topBannerDirectionNav .prevBtn { right: 10px; top:20%; background: url("../images/common/arrow_top.png") no-repeat; }
.topBanner .topBannerDirectionNav .nextBtn { right: 10px; bottom:20%; background: url("../images/common/arrow_bottom.png") no-repeat; }
.topBanner .topBannerDirectionNav span.disabled { display: none; opacity: 0 !important; filter: alpha(opacity=0); cursor: default; z-index: -1;}

.topBanner .topBannerDisplayBtn { position:relative; max-width:1240px; margin:0 auto;}
.topBanner .topBannerDisplayBtn > span { display: none; position:absolute; width:36px; height:18px; bottom:-18px; left:-5%; cursor:pointer}
.topBanner .topBannerDisplayBtn .openBtn { background: url("../images/common/ban1_btn_open.png") no-repeat; }
.topBanner .topBannerDisplayBtn .closeBtn { bottom:0; background: url("../images/common/ban1_btn_close.png") no-repeat; }
.topBanner .topBannerDisplayBtn .closeBtn .overText { bottom:29px; }
.topBanner .topBannerDisplayBtn .openBtn .overText { bottom:-3px; }
.topBanner .topBannerDisplayBtn .overText { position: relative; width:100%; height:44px; left: -2px;}
.topBanner .topBannerDisplayBtn .textTop { opacity:0; filter: alpha(opacity=0); display: block; width: 40px; height: 20px; line-height: 20px; border: 1px solid #a8a8a8; background: #a8a8a8; font-size:10px; color:#fff; text-align: center; }
.topBanner .topBannerDisplayBtn .textBottom { opacity:0; filter: alpha(opacity=0); position: relative; left: 50%; margin-left: -2.5px; width:0; height:0; line-height: 0; border: 5px solid transparent; }
.topBanner .topBannerDisplayBtn .closeBtn .textTop {  margin-bottom: 3px; }
.topBanner .topBannerDisplayBtn .closeBtn .textBottom { border-top: 5px solid #a8a8a8;  }
.topBanner .topBannerDisplayBtn .openBtn .textTop { margin-top: 3px; }
.topBanner .topBannerDisplayBtn .openBtn .textBottom { border-bottom: 5px solid #a8a8a8; }
.topBanner .topBannerDisplayBtn > span:hover .overText .textTop,
.topBanner .topBannerDisplayBtn > span:hover .overText .textBottom { opacity:1; filter: alpha(opacity=100); -khtml-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;}

.topBanner .topBannerControlNav { position: absolute; bottom: 5px; width: 100%; text-align: center;}
.topBanner .topBannerControlNav li { display: inline-block; zoom: 1; *display: inline; margin: 0 6px;}
.topBanner .controlPaging li a { display: block; width: 11px; height: 11px; background: #666; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.topBanner .controlPaging li a:hover { background: #333;}
.topBanner .controlPaging li a.active { background: #000; cursor: default; }

.topBannerImage { width: 100%;}
.topBannerImage li { display: none;}
.topBannerImage li > a {display:block; width:100%; height:100%;}
.topBannerImageResponsive { width: 100%;}
.topBannerImageResponsive > li { width: 100%; display: none;}
.topBannerImageResponsive img { display: block; width: 100%; height: auto;}

@media screen and (max-width:1280px){
	.topBanner .topBannerDirectionNav span { right: 2%; -khtml-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
	.topBanner .topBannerDisplayBtn > span { left: 2%; -khtml-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
}
@media screen and (max-width:560px){
	.topBanner .topBannerDirectionNav .prevBtn {top:15%;}
	.topBanner .topBannerDirectionNav .nextBtn {bottom:15%;}
}