@charset "utf-8"; 
/* CSS Document */
.focus-box { background-position: center; position: relative; z-index: 100;}
.focus-container { overflow: hidden; position: relative; visibility: hidden;}
.focus-container .focus-item { position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden;}
.focus-container .focus-item img { width: 100%; height: 100%; border: 0; vertical-align: top;transition: all 0.5s ease-out 0s;}
.focus-container .focus-item img:hover { }
.focus-title-bar {position: absolute;right: 0;bottom: 0;z-index: 40;width: 100%;min-height: 50px;}
.focus-title-bg {display: none;width: 100%;height: 100%;background: #000;opacity: 0.5;filter: alpha(opacity=50);}
.focus-title {width: 90%;display: block;line-height: 26px;color: #fff;font-size: 17px;position: absolute;left: 0;bottom: 0;z-index: 50;font-weight: normal;overflow: auto;padding: 12px 5%;word-break:normal; background:url(/_upload/tpl/00/de/222/template222/images/focus_bg.png);}
.focus-title a {color: #fff;text-decoration: none;}
.focus-title a:hover, .focus-text a:hover {text-decoration: none; font-weight:bold;}
.focus-text-box { position: absolute; left: 30px; top: 10px; z-index: 20; width: 40%; height: 100px;}
.focus-text-bg { width: 100%; height: 100%; background: #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: 17px;text-align: center;height: 28px;line-height: 28px;color: #fff;font-size: 0;font-weight: normal;text-decoration: none;cursor: pointer;position: absolute;top: 50%;margin-top: -14px;z-index: 50;}
.focus-navigation:hover { font-size: 0px;color: #fff; text-decoration: none;}
.focus-navigation:active { opacity: 1; filter: alpha(opacity=100);}
.focus-prev { left: 14px; background:url(/_upload/tpl/00/de/222/template222/images/prev.png) no-repeat;}
.focus-next { right: 14px; background:url(/_upload/tpl/00/de/222/template222/images/next.png) no-repeat;}
.focus-pagination {    position: absolute;
    bottom: -35px;
    z-index: 60;
    height: 13px;
    margin-right: 0;
    width: 100%;
    text-align: center;}
.focus-page {display: inline-block;width: 13px;height: 13px;font-size: 0;text-decoration: none;overflow: hidden;border-radius: 7px;background: #b7b7b7;color: #fff;margin-right: 12px;cursor: pointer;}
.focus-page span { display: none;}
.focus-page:hover { text-decoration: none; font-size: 0; color: #fff;}
.focus-page-active {background: #2066bc;}

.focus .focus-title-bar {position: absolute;right: 0;bottom: 0;z-index: 40;width: 100%;min-height: 50px; background:url(/_upload/tpl/00/de/222/template222/images/focus_bg.png);}
.focus .focus-title {width: auto;display: block;line-height: 26px;color: #fff;font-size: 17px;position: absolute;left: 0;bottom: 0;z-index: 50;font-weight: normal;padding: 12px 0 12px 5%;word-break:normal;background: none;margin-right: 20%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 75%;}
.focus .focus-pagination {position: absolute;right: 10px;bottom: 17px;z-index: 60;height: 13px;text-align: right;margin-right: 0;}
.focus .focus-page-active { background: #eaa85f;}

/**ÈÕÀú**/
.sudy-pubdate { width: 58px; height: 48px; overflow: hidden;}
.sudy-pubdate span { display: block; width: 100%; font-family: Arial; font-weight: bold; text-align: center;}
.sudy-pubdate span.pubdate-year { display: none;}
.sudy-pubdate span.pubdate-month { height: 20px; line-height: 20px; font-size: 14px; color: #fff; background: #607697;}
.sudy-pubdate span.pubdate-day { height: 28px; line-height: 28px; font-size: 21px; background: #5b7091; color: #fff;}

/**Ñ¡Ïî¿¨**/
.sudy-tab {}
.sudy-tab .tab-menu { height: 24px; border-bottom: 1px solid #ccc;}
.sudy-tab .tab-menu li { display: inline-block; height: 24px; line-height: 24px; float: left; font-size: 14px; font-weight: bold; color: #333; padding: 0 10px; border-radius: 5px 5px 0 0; cursor: default;}
.sudy-tab .tab-menu li.selected { background: #06C; color: #fff;}