
*:focus {outline: none;}
input{ color:#666; }
body{ background-color:#fff;padding:0px; margin:0px;font-family: Arial, Helvetica, sans-serif;font-size:15px; color:#000; 
/*
            首先不支持绝对路径，只支持相对路径。
            其次，是相对于当前ASPX网页的相对路径，和CSS文件的位置无关。 
            */
            behavior: url(hover.htc); /*可在IE6,7中对非<a>元素使用hover等伪类*/
}


ul,li,p,h1,h2,h3,h4{ margin:0px; padding:0px; margin:0;padding:0;border:0; font-weight:400;outline:0;font-style:normal; list-style-type:none;font-size:15px;}
img{ border:0px;}
a{ color:#000;  text-decoration:none;-webkit-transition: all 0.2s;}
a:hover{ color:#06e;  text-decoration: underline;-webkit-transition: all 0.2s;}


.box{ width:1000px; overflow:visible; margin:0 auto;position: relative;}
.logo{ float:left; padding-top:9px;width:100px; }

.logo img{ width:55px; }

.top{box-shadow: 1px 0px 1px #ccc;height:46px;top: 0;width: 100%;z-index:5;position: fixed; _position:absolute; z-index:9999;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop));  top:0; left:0; right:20px;*border-bottom:1PX #e5e5e5 solid; background:rgba(255, 255, 255, 0.98) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/
filter:Alpha(opacity=98); background:#fff;/*实现IE背景透明*/}
.navv{ width:1240px;}
.nr2{ overflow:hidden; padding:30px; padding-top:60px;}
.nav { float:left; }
.nav a{ padding-left:0px; margin-right:30px;color:#666;/*background-image:url(images/bg.png);*/background-repeat: no-repeat; text-align:center; line-height:46px; height:46px; font-size:16px; display:inline-block;}
.nav a:hover{ text-decoration:none; color:#666;}
.nav li{ float:left;}
.nav a:active{ background-color:#;}
.nav .open{ color:#333; position:relative;  font-weight:bold; }
/*.nav_1 a {background-position: 0px 0px;}
.nav_2 a{background-position: 0px -44px;}
.nav_3 a{background-position: 0px -88px;}
.nav_4 a{background-position: 0px -132px;}
.nav_5 a{background-position: 0px -176px;}
.nav_6 a{background-position: 0px -220px;}
.nav_7 a{background-position: 0px -264px;}

.nav_1 .open  {background-position: -65px 0px;}
.nav_2 .open  {background-position: -65px -44px;}
.nav_3 .open  {background-position: -65px -88px;}
.nav_4 .open  {background-position: -65px -132px;}
.nav_5 .open  {background-position: -65px -176px;}
.nav_6 .open  {background-position: -65px -220px;}
.nav_7 .open  {background-position: -65px -264px;}*/

.login{ float:right;  color:#999; font-size:14px; padding-top:7px;}
.login a{ margin-left:5px; color:#fff; display:inline-block; color:#06e;_margin-left:2px;line-height:30px;} 
.l{ float:left; width:668px; margin-right:22px; margin-bottom:15px;  }
.l_title{ border-bottom:0px solid #ddd; padding-top:2px; padding-bottom:12px; overflow:hidden; width:100%; }
.l_title h2{
	font-size:18px;
	float:left;
	margin-right:16px;
	color:#333;
/*	font-style: italic;*/
}
.l_title   a{ float:left; padding-left:10px; padding-right:10px; height:25px; line-height:25px; margin-top:-2px; background-color: #FF9900; color:#fff; display:inline-block}
.l_title   a:hover{ text-decoration:none; }
.l_title   a:active{background-color:#666;}
.l_cont{ padding-bottom:1px; width:100%; position:relative;}
.l_cont ul{ padding-bottom:8px; padding-top:5px; overflow:hidden;  position:relative;margin-bottom:-1px; border-bottom:1px solid #eee; border-top:1px solid #eee;}
.l_cont ul:hover{ position:relative; z-index:100;  }

.l_cont_out a{ position:absolute; right:15px; top:15px;filter:alpha(opacity=50);  
      -moz-opacity:0.5;  
      -khtml-opacity: 0.5;  
      opacity: 0.5; background-image:url(images/out.gif); width:19px; height:19px; display:inline-block; cursor:hand;  }
.l_cont_out a:hover{filter:alpha(opacity=100);  
      -moz-opacity:1;  
      -khtml-opacity:1;  
      opacity:1 }
 .l_cont_like a{ position:absolute; right:40px; bottom:15px;filter:alpha(opacity=50);  
      -moz-opacity:0.5;  
      -khtml-opacity: 0.5;  
      opacity: 0.5; background-image:url(images/like.gif); width:19px; height:19px; display:inline-block; cursor:hand; background-color:#009933; }
 .l_cont_like a:hover{filter:alpha(opacity=100);  
      -moz-opacity:1;  
      -khtml-opacity:1;  
      opacity:1 }
.l_cont_off a{ position:absolute; right:15px; bottom:15px;filter:alpha(opacity=50);  
      -moz-opacity:0.5;  
      -khtml-opacity: 0.5;  
      opacity: 0.5; background-image:url(images/off.gif); width:19px; height:19px; display:inline-block; cursor:hand;  }
.l_cont_off a:hover{filter:alpha(opacity=100);  
      -moz-opacity:1;  
      -khtml-opacity:1;  
      opacity:1 }
.l_cont ul .l_cont_out{ display:none;}
.l_cont ul:hover .l_cont_out{ display: block;}

.l_cont ul .l_cont_like{ display:none;}
.l_cont ul:hover .l_cont_like{ display: block;}

.l_cont ul .l_cont_off{ display:none;}
.l_cont ul:hover .l_cont_off{ display: block;}
/*.l_cont ul:hover .l_cont_r h1 a{ color: #06e;}*/
.l_cont_l{ width:50px; float:left; margin-right:15px; display:none;}
.l_cont_l_hd{ width:50px; height:50px; margin-bottom:5px; }
.l_cont_l_hd a{ width:48px; height:48px; border:1px solid #eee; display:inline-block; overflow:hidden;}
.l_cont_l_hd a img{ width:48px; }
.l_cont_l_hd a:hover{border:1px solid #6d9de3; }

.l_cont_l_like a{ background-color:#fafafa; height:22px; width:48px;line-height:22px; text-align:center; border:1px solid #eee; display:inline-block; background-image:url(images/like_bg.gif); color:#969696;}
.l_cont_l_like a:hover{ text-decoration:none; border:1px solid #6d9de3; color:#6d9de3; position:relative;}
.l_cont_l_like a:active{ -webkit-box-shadow: 1px 1px 2px #ddd inset; -moz-box-shadow: 1px 1px 2px #ddd inset; box-shadow: 1px 1px 2px #ddd inset; }

.l_cont_l_dlt a{ position:absolute; right:-2px; bottom:10px; height:22px; width:22px; background-image:url(images/off.gif); display: inline-block;opacity:0.5  }
.l_cont_l_dlt a:hover{ opacity:0.8}
.l_cont ul .l_cont_l_dlt a{ display:none;}
.l_cont ul:hover .l_cont_l_dlt a{ display: block;}
.l_cont_r{ float:left; width:100%; overflow:hidden; padding-top:3px;}
.l_cont_r h1{ font-size:20px; width:100%; font-weight:bold;line-height:26px; padding-bottom:10px; margin-top:5px;}
.l_cont_r h1 a:hover{text-decoration:none;}


.l_cont_r h3 a:hover{background-color:#; color:#000; text-decoration:none;}
.l_cont_r h3 span{ margin-left:4px; }
.l_cont_r_cont{ clear:both; width:100%; overflow:hidden ; padding-top:5px; margin-bottom:5px; display: table; }
.mini_pic{ width:165px;max-height:110px; overflow:hidden; float:left; margin-right:18px;display:table-cell;  }
.mini_pic img{ width:100%;}
.max_pic{ width:100%; max-height:320px; margin-bottom:9px; }
.l_cont_r_cont_r{  color:#666;display: table-cell;vertical-align: middle; width:100%;}

.l_cont_r_cont_r a:hover{ text-decoration:none;}
.l_cont_r_cont_r h3{ color:#999; margin-bottom:-5px; padding-bottom:0px; margin-top:-5px;  }
.l_cont_r_cont_r h3 a{ margin-right:5px; margin-left:0px; color:#333; }

.l_cont_r_cont_r h3 a strong{ margin-right:3px; }
.l_cont_r_cont_r h3 a:hover{ background-color:#;color:#000;}
.l_cont ul:hover .l_cont_r_cont_r h3{ display:block;} 
.l_cont_r_bt{  overflow:hidden; float:none;  padding-bottom:5px; padding-top:2px; color:#999;  }
.l_cont_r_bt a{margin-right:5px;}
.c{ float:left; width:268px; margin-right:30px; display:none;} 
.c .l_title { margin-bottom:2px;   }

.c_cont{   border:0px solid #ededed; }
.c_cont  ul{ padding:18px; padding-bottom:12px; padding-top:12px; width:238px; background-color:#fff; overflow:hidden; border:1px solid #e8e8e8; margin-bottom:-1px; }
.c_cont  ul:hover{ background-color:#; box-shadow: 1px 0px 12px #e5e5e5; position:relative; border:1px solid #ddd;}
.c_cont .l_cont_r { width:100%;}
.c_cont .l_cont_r h1{ width:100%;}
.c_cont .l_cont_r .mini_pic{ width:100%;}
.c_cont .l_cont_r_cont_r{ display:;}
.c_cont .l_cont_r .mini_pic { margin-bottom:6px ; margin-top:-8px;}
.r{ float:left; width:280px; overflow:hidden; padding-top:5px; padding-left:30px; }
.fb{ overflow:hidden; padding-bottom:20px;display:none;}
.fb a{ width:100%;text-shadow: 0 -1px 0 # ; background-color:#3d76c8; color:#fff; height:33px; line-height:32px;  font-weight:bold; text-align:center; display:inline-block;text-shadow: -1px -1px 0 #2057a6;border:1px solid #0e60d4;}
.fb a:hover{ text-decoration:none;}
.fb a:active{  background-color:#3b6db6;}
.search{ overflow:hidden; padding-bottom:30px; width:100%;}
.search_in{ padding:7px; color:#ccc;  width:264px; height:18px; line-height:18px; font-size:15px; background-color:#fff; border:1px solid #ddd; float:left;/*-webkit-box-shadow: 1px 1px 1px #eee inset; -moz-box-shadow: 1px 1px 1px #eee  inset; box-shadow: 1px 1px 1px #eee  inset;*/ }
.search_in:focus{ color:#333;}
.search img{ float:left; margin-left:-25px; margin-top:9px; width:16px;}

.ad{ text-align:center; overflow:hidden; padding-bottom:30px;}
.footer{ clear:both;padding-top:30px; }
.footer ul li{ padding-bottom:10px; color:#ccc; padding-left:3px; font-size:14px; }
.footer  a{ margin-right:10px; color:#a5a5a5;}
.tag { overflow:hidden; padding-bottom:0px; width:100%; padding-top:5px; }
.tag a{  color:#333; height:22px; line-height:22px; width:50%; overflow:hidden; float:left; float:left; display:inline-block; margin-bottom:8px; white-space:nowrap; }
.tag a:hover{ text-decoration:none; }
.tag a:active{background-color:#f5f5f5;}
.tag a strong{ margin-right:5px;}
#nav_left_layout{position:absolute; width:280px;  }

.l_cont .like_in{ height:35px; padding:0px; padding-top:0px;  background-color:#eee; width:100%; display:inline-block; display:none; }
.like_in_l{ float:left; padding-top:7px;  padding-left:10px; width:100px;}
.like_in_l a{-moz-border-radius: 20px; border-radius: 20px; width:20px; height:20px; line-height:18px; text-align:center;  color:#fff; background-color:#333;  display:inline-block;}
.like_in_l a:hover{ text-decoration:none; color:#fff;}
.like_in_c{ float:left; width:200px;line-height:35px; text-align:right; padding-right:20px; }
.like_in_r{ float:left; width:100px; padding-top:5px;}
.like_in_r a{ width:76px; text-align:center; height:25px; line-height:25px; background-color:#3f6fb4; color:#fff; display:inline-block;}
.like_in_r a:hover{ text-decoration:none;}
.menu_mini{ display:none ; position:absolute; right:10px; top:10px;}
.menu_mini img{ width:24px;}



@media screen and (max-width:1300px){
.navv{ width:1000px;}
}

@media screen and (max-width:800px){
bpdy ul,li,p,h1,h2,h3,h4{ font-size:12px;}
.r{ display:none;}
.box{ width:100%;}
.nr2{ padding:0px; padding-top:50px;}
.l{ width:100%;}
.l_title{ padding:15px; padding-top:10px; padding-bottom:10px;}
.nav{ width:50%; overflow:hidden; height:44px; display:none;}
.login{ display:none;}
.l_cont ul{ padding:15px; padding-top:5px; padding-bottom:5px;}
.l_cont ul:hover{ border:0px;}
.logo{ padding-left:15px;}
.l_cont_r h1{ font-size:17px; line-height:23px;  padding-bottom:5px; font-weight:lighter; padding-top:0px; margin-top:0px;}
.mini_pic { width:90%; }
.l_cont_r_cont_r{ width:65%; }

.l_cont_r_cont_r h3{ color:#999; margin-top:0px; }
.menu_mini{ display:block;}
.max_pic{ width:100%; max-height:200px; margin-bottom:4px;}
.l_cont_l_dlt{ display:none;}
.l_title{ font-size:14px;}
.l_cont_r h3 a{ color:#666;}
}






