@charset "utf-8";
/* CSS Document */

.adL { border:1px solid #e1e2e4; display:inline; width:638px; overflow-x:hidden; height:248px; overflow:hidden}
.itemHolder { width:6000px;}
.tabtt { float:left; width:80px; _width:71px; height:28px; line-height:28px; font-size:14px; font-weight:800; text-align:center; border-bottom:1px solid #e1e2e4; background:url(../images/aboutJs/tabs.png) 0 -28px repeat-x;}

/* root element for tabs  */
#tabs { float:left;list-style:none; margin:0 !important; padding:0;height:29px;}

/* single tab */
#tabs li { float:left; text-indent:0; padding:0; margin:0 !important; list-style-image:none !important; font-family:"宋体", Arial;}

/* link inside the tab. uses a background image */
#tabs a { background:url(../images/aboutJs/tabs.png) 0 -28px repeat-x; font-size:12px; display:block; height:28px; line-height:28px; width: 47px; text-align:center; text-decoration:none; color:#000; padding:0px; margin:0px; border-bottom:1px solid #e1e2e4; border-left:1px solid #e1e2e4;/*position:relative; top:1px;*/
}

#tabs a:active { outline:none; border-bottom:none;}
/* when mouse enters the tab move the background image */
#tabs a:hover { background:#eee; text-decoration:none; cursor:pointer; border-bottom:1px solid #ddd; }

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
#tabs a.style2, #tabs a.style2:hover, #tabs li.style2 a { background:none;	cursor:default !important; color:#000 !important; border-bottom:none; font-weight:bold;}
/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */

/* initially all panes are hidden */ 
#panes { clear:both;}
#panes .pane {}
/* tab pane styling */
#panes div.pane { padding:12px 9px; margin:0; float:none; border-top:0; width:614px; height:196px; font-size:14px; background-color:#fff; font-family:"Lucida Grande","bitstream vera sans","trebuchet ms",sans-serif,verdana; }

/* get rid of those system borders being generated for A tags */
a:active { outline:none;}
:focus { -moz-outline-style:none;}

#prev, #next { float:left; display:block; border:none; margin:0; padding:0;-moz-outline-style:none; width:15px; height:29px; border-left:1px solid #e1e2e4; border-bottom:1px solid #e1e2e4; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:800; background:none;background:url(../images/tech/tabs.png) repeat-x;}
#prev { background:url(../images/aboutJs/tabs.png) 0 0 no-repeat; text-indent:-9999em} 
#next { background:url(../images/aboutJs/tabs.png) -15px 0 no-repeat; text-indent:-9999em}
/**/
.panL { width:273px; height:196px; margin:0; padding:0 0 0 15px; float:left; overflow:hidden; }
.panR { width:324px; height:196px; margin:0; padding:0; float:right; overflow:hidden; }
.ptext { width:236px; height:195px; overflow:hidden; }
.ptext img { display:block; width:236px!important; height:153px!important; margin:10px 0 0 0; float:left; border:1px solid #ccc;}
.ptext div { display:inline; width:236px; height:65px; margin:5px 0 0 0; float:left; text-align:center; white-space:nowrap;}

.ptext h1,.ptext h1 a { font-weight:nomal; height:65px; line-height:22px; overflow:hidden; white-space:nowrap; width:228px; text-align:center; margin:0 auto;}
.ptext h5 { font-size:12px!important; line-height:20px; width:165px;}
.ptext em { margin: 0 5px;}
.ptext em a { color: #990000; margin: 0 3px;}

ul.dlyNews { margin:0; padding:0; list-style:none;}
ul.dlyNews li { margin:0; padding:0; list-style:none; display:block; width:321px; overflow:hidden; text-align:left;}
ul.dlyNews li a { font-size:14px;}

/* 博客多图 */
div.scrollable {position:relative; overflow:hidden; width:700px; height:310px; margin:0px; padding:0px; border:none; background:none; float:none; }
div.scrollable div.items{width:20000px; position:absolute; clear:both; }
div.scrollable div.items div{float:left; text-align:center; width:478px; height:310px; padding:0px; margin:0px; overflow:hidden; background:#CCC; cursor:default;}
div.scrollable div.items div img{ width:478px; height:310px; border:none; }
div.scrollable .navi {width:222px; height:310px; position:absolute; bottom:0px; right:0px; margin:0; padding:0; background:black}
div.scrollable .navi a {width:110px; height:77px; float:left; border-top:1px solid white; border-left:1px solid white; display:block; font-size:1px; cursor:pointer; background:#000; opacity:0.6;filter: alpha(opacity=60); }
div.scrollable .navi img { width:110px; height:77px; border:none; background:#000;}
div.scrollable .navi a:hover {opacity:0.65;filter: alpha(opacity=65);}
div.scrollable .navi a.active {opacity:1;filter: alpha(opacity=100);}
div.scrollable .dark { width:478px; height:40px; position:absolute; left:0; bottom:0px; z-index:3; background:#000; opacity:0.5;filter: alpha(opacity=50);}
div.scrollable .black { width:478px; height:40px; position:absolute; left:0; bottom:0px; z-index:4;}
div.scrollable .black p, div.scrollable .black a { margin:0; padding:0 10px; font-size:14px; font-weight:800; line-height:40px; text-align:left; color:#fff; text-decoration:none;}