@charset "utf-8";
/* CSS Document */
.focus-box {  background-position:center; position:relative; font-family:'\5b8b\4f53';}
.focus-container { overflow:hidden; position:relative; visibility:hidden;}
.focus-container .focus-item { position:absolute; width:100%; height: 100%; left:0; top:0; overflow: hidden; text-align: center;}
.focus-container .focus-item img { width: 100%; height: 100%; border:0; vertical-align: top;}
.focus-title-bar {position:absolute;right:0px;bottom: 0px;z-index: 40;width: 100%;height: 30px;}
.focus-title-bg { width: 100%; height: 100%; background-color: #000; opacity: 0.7; filter:alpha(opacity=70);}
.focus-title {display: inline-block;white-space: nowrap;height: 30px;line-height: 30px;color: #FFFFFF;font-size: 13px;position: absolute;left: 0;top: 0;z-index: 50;font-weight:normal;font-family: "Microsoft YaHei";text-align:center;padding: 0px 10px;}
.focus-title a,.focus-text a {color: #fff; text-decoration: none;}
.focus-title a:hover,.focus-text a:hover { color: #e5e5e5; text-decoration: none;}
.focus-text-box { position:absolute; left:30px; top:10px; z-index: 20; width: 40%; height: 100px;}
.focus-text-bg { width: 100%; height: 100%; background-color: #000; opacity: 0.7; filter:alpha(opacity=70);}
.focus-text-inner { position: absolute; left: 0; top: 0; z-index: 30; height: 100%; overflow: hidden;}
.focus-text{  padding:10px; line-height: 1.5; color: #fff; font-size: 13px; }
.focus-navigation { display:block; width:30px; text-align:center; height:50px; line-height:50px; background:#000; text-decoration: none; color:#fff; font-size:30px; font-weight:bold; text-decoration: none; cursor:pointer; position:absolute; top:50%; margin-top:-25px; z-index: 50; opacity: 0.7; filter:alpha(opacity=70);}
.focus-navigation:hover { font-size: 30px; font-weight: bold; color: #fff; text-decoration: none;}
.focus-navigation:active {opacity: 1; filter:alpha(opacity=100);}
.focus-prev { left:0px;}
.focus-next { right:0px;}
.focus-pagination { position:absolute; right:10px; bottom:0; z-index:60; height:20px; text-align:right;}
.focus-page { display:inline-block; width:10px; height:10px; line-height:10px; text-align:center; font-size:12px; text-decoration: none; font-family:Arial, Helvetica, sans-serif; overflow:hidden; border-radius:5px; background-color:#999; color:#fff; margin-right:5px; cursor:pointer;}
.focus-page span { display: none;}
.focus-page:hover { text-decoration: none; font-size: 12px; color: #fff; font-weight: bold; }
.focus-page-active { background-color:#d9b860;}
.focus-thumbnail { position: absolute; left: 20px; bottom: 34px; z-index: 50;}
.focus-thumbnail:after { content: ""; display: block; clear: both; height: 0; line-height: 0; font-size: 0; overflow: hidden;}
.focus-thumb { float: left; display:inline-block; border:1px solid #595959; cursor: pointer; margin-left: 3px;}
.focus-thumb span { display: block; width: 80px; height: 50px; border:1px solid #fff;}
.focus-thumb span img { width: 100%; vertical-align: top; height: 100%;}
.focus-thumb-active { border-color:#ff4019 }

.sudyfocus{ width:!important; height:100%!important;}
.sudyfocus .focus-container { width:!important; height:100%!important;}