/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,textarea,blockquote,th,td {padding:0;margin:0;word-break:break-all;} 
body{color:#333;font-size:14px;font-family:"Microsoft YaHei","SimSun";}
address,caption,cite,code,dfn,em,th,var {font-weight:normal;font-style:normal;} 
ol,ul,li{list-style: none;} 
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:100%;} 
table {border-collapse:collapse;border-spacing:0;} 
q:before, q:after {content:".";}
abbr,acronym {border:0;}
img{border:0;}
select,input{vertical-align:middle;}
a{text-decoration:none;color:#505050;}
a:hover{color:#cc3311;text-decoration:none;}
button{cursor:pointer;}
.btn{border:0;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;position:relative;z-index:9;
	white-space:nowrap;zoom:1;vertical-align:middle;}/*  */
.btn:hover{text-decoration:none;}
.ipt{ border:1px #e0e0e0 solid; padding:4px 10px; vertical-align:middle;background:#fff;width:230px;}.sipt{ width:110px;}
/* 清除溢出，浮动 */
.clear{overflow:hidden;clear:both;}
.clear hr{display:none;}
/* 浮动 */
.left{float:left;}.right{float:right;}
.z{float:left;}.y{float:right;}
/* 颜色属性 */
.cRed,a.cRed,a.cRed:visited,.cRed a{color:#cc3311;}
.cBlue,a.cBlue,a.cBlue:visited,.cBlue a{color:#2785dc;}
.cDRed,a.cDRed,a.cDRed:visited,.cDRed a{color:#bc2931;}
.cGray,a.cGray,a.cGray:visited{color:#333333;}
.cDGray,a.cDGray,a.cDGray:visited{color:#888888;}
.cWhite,a.cWhite,a.cWhite:visited{color:#ffffff;}
.cBlack,a.cBlack,a.cBlack:visited{color:#000000;}
.cGreen,a.cGreen,a.cGreen:visited{color:#81c825;}
.cDGreen,a.cDGreen,a.cDGreen:visited,.cDGreen a{color:#589b00;}
.cYellow,a.cYellow,a.cYellow:visited,.cYellow a{color:#ff6600;}
/* 全局通用 */
.mt10{margin-top:10px;}.mr10{margin-right:10px;}.mb10{margin-bottom:10px;}.ml10{margin-left:10px;}.m10{margin:6px 10px;}
.mt5{margin-top:5px;}.mr5{margin-right:5px;}.mb5{margin-bottom:5px;}.ml5{margin-left:5px;}.m5{margin:5px;}
.pa10{padding:10px;}.pt10{padding-top:10px;}.pr10{padding-right:10px;}.pb10{padding-bottom:10px;}.pl10{padding-left:10px;}.p10{padding:6px 10px;}
.pa20{padding:20px;}.pt20{padding-top:20px;}.pr20{padding-right:20px;}.pb20{padding-bottom:20px;}.pl20{padding-left:20px;}.pa10{padding:20px;}
.pt5{padding-top:5px;}.pr5{padding-right:5px;}.pb5{padding-bottom:5px;}.pl5{padding-left:5px;}.p5{padding:5px;}
.blank1,.blank2,.blank3,.blank4,.blank5,.blank8,.blank9,.blank10{display:block;clear:both;overflow:hidden;color:#ffffff;}
.blank1{height:1px;}.blank2{height:2px;}.blank3{height:3px;}.blank4{height:4px;}.blank5{height:5px;}.blank8{height:8px;}.blank9{height:9px;}.blank10{height:10px;}
div.hr{height:1px;margin:5px 0;padding:0;border-bottom:#b3b3b3 dotted 1px;overflow:hidden; clear:both;}
div.hr hr{display:none;}
/* 文字 */
.fb,.fb a{font-weight:bold;}.fr{text-align:right;}.fc{text-align:center;}.wx{font-family:"Microsoft YaHei","SimSun";}
.f24{ font-size:24px;}.f18{ font-size:18px;}.f16{ font-size:16px;}.f14{ font-size:14px;}.f12{ font-size:12px;}.lh26{line-height:26px;}.lh24{line-height:24px;}
/* 隐藏元素 */
.invisible{visibility:hidden;}.hidden{display:none;}/**/
.bc_t,.bc_r,.bc_b,.bc_l{display: inline-block;width: 0;height: 0;border-width: 6px;overflow: hidden;}
.bc_t{border-color: #589b00 transparent transparent;border-style: solid dotted dotted;}
.bc_r{border-color: transparent #589b00 transparent transparent;border-style: dotted solid dotted dotted;}
.bc_b{border-color: transparent transparent #589b00;border-style: dotted dotted solid;}
.bc_l{border-color: transparent transparent transparent #589b00;border-style: dotted dotted dotted solid;}

/* 新闻列表 */
ul.newslist12px li,ul.newslist14px li,ol.newslist14px li{overflow:hidden;color:#9c9c9c;}
ul.newslist12px li{line-height:26px;height:26px;}
ul.newslist14px li,ol.newslist14px li{line-height:28px;height:28px;}
ul.newslist12px li a,ul.newslist12px li a:visited{font-size:12px;}
ul.newslist14px li,ul.newslist14px li a,ul.newslist14px li a:visited{font-size:14px;}
ol.newslist14px li,ol.newslist14px li a,ol.newslist14px li a:visited{font-size:14px;}
ul.newslist12px li a:hover,ul.newslist14px li a:hover{color:#71be0c;}
ul.newslist12px strong{font-size:12px;}ul.newslist14px strong{font-size:14px;}
.nli2 li,.nli3 li,.nli2k li,.nli4 li,.nli5 li,.nli6 li{float:left;}
.nli2 li{width:50%;}.nli3 li{width:33%;}.nli4 li{width:25%;}.nli5 li{width:20%}.nli6 li{width:16.5%;}
.nli2k li{width:11em;margin-right:1em;}
ul.newslist12px li img,ul.newslist14px li img,ol.newslist14px li img{*vertical-align:middle;}

/* 图片列表 */
.imgitem{width:320px; height:200px; position:relative; float:left;}
.imgitem a{ display:block;}
.imgtit,.imgbg{text-align:center; color:#fff; cursor:pointer;position:absolute; left:0; bottom:0; width:100%;}
.imgtit{padding:15px 0;}
.imgbg{background:url(png24bg2.png) repeat-x top left; height:56px;}
.imgli{ width:960px; position:absolute; left:0;}

/* 图标 */
.ico_more,.ico_next,.ico_F5{background:url(ico.png) no-repeat left top; padding:0 15px; display:inline-block; height:30px; vertical-align:middle;}
.ico_F5{}
.ico_next{background-position:-60px top;}
.ico_more{background-position:-30px top;}
.hover .ico_F5{ background-position:0 -30px;}
.hover .ico_next{background-position:-60px -30px;}
.hover .ico_more{background-position:-30px -30px;}
/* 标题 */
h1.wx{ font-size:28px;color:#505050; padding:22px 0; line-height:30px;}
h2.vtit{color:#333;line-height:42px; height:42px; position:relative; padding:20px 0;}
h2.vtit .wx{font-size:22px; padding:0 20px; position:absolute; left:50%; margin-left:-40px; z-index:1; background:#fff;}
h2.vtit .vtit_line{ border-top:1px solid #ccc; width:100%; display:block; top:41px; position:absolute; z-index:0;}
h3.vtit{ padding:20px 0; height:30px;}
h3.vtit span.wx{font-size:24px;color:#333; padding:0 10px;border-left:5px solid #ff9a4c;height:26px;  line-height:26px; float:left;}
h3.vtit a{ margin-top:-2px; float:left;}
/* 青岛新闻网专题顶部导航样式980px update:20090119 */
ul,li,h1{margin:0;}
#header{width:978px;margin:3px auto;height:24px;border:#c8dbea solid 1px;background:#e7f4fd url(http://www.hiao.com/public/topic/images/dhbj.gif) repeat-x bottom;}
#header img{border:0px;}
#header h1,#header h2{float:left;margin-left:10px;}
#header ul{width:auto;float:right;word-wrap:break-word;padding-top:7px;margin-right:10px;display:inline;line-height:normal;overflow:hidden;list-style:none;}
#header ul li{float:left;padding:0 3px;border-right:#ccc dotted 1px;line-height:normal;}
#header ul li a{line-height:14px;font-size:12px;color: #00007f;text-decoration: none;display:block;padding:0 4px 0 4px;}
#header ul li a:hover{line-height:14px;color: #fff;background:#ff0000;}
#header ul .end{ border:none;}

/* 内容区 */
.vcon,.vmain,.vfoot{width:980px; margin:0 auto; clear:both;}
.vtop{padding:30px 0 0 0;}
.logo{ float:left;}

.vnav{height:44px; overflow:hidden;width:570px; float:right;}
.vnav a{padding:0 14px;line-height:32px;height:32px; display:inline-block;font-size:16px;color:#033333; border-bottom:1px solid #fff;}
.vnav a:hover{color:#f85615; text-decoration:none;border-bottom:1px solid #f85615;}

a img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);opacity: 1;}
a:hover img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);opacity: 0.8;}
.vmain{ overflow:hidden;padding-bottom:10px;zoom:1;}
.vhotimg{ width:980px;position:relative; height:500px;}
.vhotimg .vimgli_tit{ position:absolute;bottom:10px;left:12px;}

.show_img{ clear:both; overflow:hidden;zoom:1;}
.vimgtit{ background:#f2f2f2; padding:30px; height:140px;}
h4.vtit{color:#333; font-size:24px}
.vimgtit p{color:#f5f3f4; height:90px; line-height:20px;}
.vimgtit .fr span{ cursor:pointer;}
.show_img .hover{ background:#ff9a4a;color:#fff;}
.show_img .hover a,.show_img .hover h4.vtit{color:#fff;}
.nli3{ width:990px;}
.nli3 li{ width:320px; overflow:hidden; height:200px; margin:0 10px 10px 0; position:relative;}
.nli4{ width:990px;}
.nli4 li{ width:240px; overflow:hidden;height:160px;margin:0 7px 7px 0;position:relative;}
.nli4 li .imgitem{width:240px;height:160px;}
.club_li{ clear:both;}
.club_li li{width:189px; height:189px; margin:0 1px 1px 0; position:relative;overflow:hidden;}
.club_li .ctext{ position:absolute; top:189px; background:#ff9a4a;left:0;color:#fff;width:100%;}
.club_li .ctext b{ width:110px;height:42px; line-height:42px; background:#ff751b; float:left; text-align:center; font-size:16px;}
.club_li .ctext a{ padding:25px; line-height:21px; display:block; clear:both; height:103px;color:#fff;}
.club_li .ctext a:hover{color:#fff;}

.vfoot{padding-top:44px; clear:both; text-align:center;}

/* 头图 */
.focus{ position:relative; width:980px; height:500px; background-color: #000; float: left;}  
.focus img{ width: 980px; height: 500px;} 
.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:56px; z-index:10;}  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:80px; line-height: 80px; background:rgba(0,0,0,0.6);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:18px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:5px; right:5px; position:absolute; height:56px; text-align:center; z-index: 200; }  
.focus .fbg div{overflow:hidden;zoom:1;}    
.focus .D1fBt a{position:relative; display:inline; width:100px; height:50px; margin:0 5px;color:#B0B0B0;text-decoration:none; text-align:center; outline:0; float:left;}    
.focus .D1fBt .current img{ border:3px #fff solid; padding:0;}  
.focus .D1fBt img{width:100px; height:50px;padding:3px;}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;}