@charset "utf-8";
/* CSS Document */
.visualMB3008 { font-family:"Microsoft Yahei"; }
.visualMB3008 { width: 300px; height:260px; margin: 0 auto 15px; position: relative; overflow: hidden; }
.visualMB3008 .e_pic_wrap { z-index: 1; white-space: nowrap; width: 100%; height: auto; }
.visualMB3008 .e_pic_wrap li { position:relative; display: inline; width: 100%; height:260px; overflow: hidden; }
.visualMB3008 .e_pic_wrap li img { width:300px; height:260px; display:block; }
.visualMB3008 .e_bg_flt { position: absolute; left: 0; bottom: 0; width: 100%; height:22%; background: #000; filter: alpha(opacity=50); -moz-opacity: .5; opacity: .5; z-index: 10; }
.visualMB3008 .e_flt_inf { position: absolute; left: 0; bottom: 0; width: 100%; height:22%; overflow: hidden; z-index: 20; color: #fff; white-space: normal; word-wrap: break-word; }
.visualMB3008 .e_flt_inf h2 { font-size:1.125em; padding: 2% 2%; color:#fff; }
.visualMB3008 .e_flt_inf h2 a { color: #fff; }
.visualMB3008 .e_flt_inf .t_info { line-height: 20px; overflow: hidden; color:#fff; font-size:0.875em; padding: 0 2% 0 2%; }
.visualMB3008 .e_sep { color: #81d6d3; position: absolute; bottom: 20px; right: 20px; width: 235px; z-index: 20; }
.visualMB3008 .e_sep a { color: #81d6d3; }
.visualMB3008 .prev, .visualMB3008 .next { position: absolute; z-index: 30; display: block; }
.visualMB3008 .prev { top: 35%; left: 0; }
.visualMB3008 .next { top: 35%; right: 0; }
.visualMB3008 .prev a, .visualMB3008 .next a { display: block; width: 45px; height: 45px; overflow: hidden; background:url(//www.zlb.gov.cn/special/kzsl/0817/images/visualMB3008_20150723_LR.png) no-repeat scroll 0 0; }
.visualMB3008 .prev a { background-position: 0 0; }
.visualMB3008 .prev a:hover { background-position: 0 -53px; }
.visualMB3008 .next a { background-position: 0 -106px; }
.visualMB3008 .next a:hover { background-position: 0 -159px; }
.visualMB3008 .pageState { position:absolute; bottom:6%; right:3%; z-index:100; color:#fff; font-size:1.5em; font-family:"Microsoft Yahei"; font-style:italic; }
.visualMB3008 .pageState span { font-size:2.5em; }
@media screen and (max-width: 1024px) {
.visualMB3008 {width:100%}
}
@media screen and (max-width: 767px) {
.visualMB3008 .e_flt_inf .t_info {display:none;}
.visualMB3008 .e_flt_inf h2 {padding: 2.5% 2% 2%;font-size:1em;}
.visualMB3008 .e_bg_flt {height:20%;}
.visualMB3008 .e_flt_inf {height:20%;}
.visualMB3008 .prev a, .visualMB3008 .next a {background-size:100%;width:50px;height:50px;}
.visualMB3008 .prev a:hover {background-position: 0 -60px;}
.visualMB3008 .next a {background-position: 0 -120px;}
.visualMB3008 .next a:hover {background-position: 0 -180px;}
.visualMB3008 .pageState {bottom:4%;font-size:0.875em;}
.visualMB3008 .pageState span {font-size:1.5em;}
}