/***
 	* @name:		Reset（样式重置）
 	* @author:		
 	* @type:		基础类
 	* @explain:		移除元素的填充(padding)和边距(margin)，定义一些元素的基本样式
 	* @relating:	no
 	* @dependent:	no
 */
 
 /* 
  *	********** 移除元素的   padding, margin  **********
  */
 html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, 
 pre, form, fieldset, table, th, td, input, textarea { margin: 0; padding: 0;}


 /* 
  *	********** 定义基本元素的样式 	 默认字体：宋体	  **********
  */
 body { font-family:\5B8B\4F53,Arial Narrow,arial,serif; background-color: #fff;  font-size: 12px;}
 img{ vertical-align: top; border-width:0;}
 ol,ul { list-style: none;}
 li{ list-style-type: none;}
 caption,th { text-align: left;}
 address,caption,cite,code,dfn,ins,em,th,var { font-weight:normal; font-style:normal;} 
 input,textarea{ font-size: 12px; padding: 2px;}
 /* **** 基本的文本输入框样式 ****	   */
 .input-text,.textarea{border: 1px solid #ccc; padding: 3px;}
 .input-text{ line-height: 12px; height: 12px;}
 .textarea{line-height: 18px; padding: 6px;  background: url(imagesopacify-logo.gif) no-repeat 50% 50%;}
 .textarea_interview{line-height: 18px; padding: 1px; border: 1px solid #ccc; background: url(imagesopacify-logo.gif) no-repeat 50% 50%;}
 
 h1,h2,h3,h4,h5,h6{ font-weight: normal;}
 h1{ font-size: 18px;}
 h2{ font-size: 14px;}
 h3{ font-size: 12px;}
 
 a{ color: #333; text-decoration: none;}
 a:hover {color: #f00;}
 /* @end **/

 /***
 	* @name:		Grids960（960栅格化）
 	* @author:		
 	* @type:		基础类
 	* @explain:		栅格化设计,列出常用的几个宽度值,栏间距：10px,
 	* @relating:	no
 	* @dependent:	no
 */
 .w-150{ width: 150px;}
 .w-200{ width: 200px;}
 .w-210{ width: 210px;}
 .w-220{ width: 220px;}
 .w-230{ width: 230px;}
 .w-240{ width: 240px;}
 .w-250{ width: 250px;}
 .w-310{ width: 310px;}
 .w-300{ width: 300px;}
 .w-320{ width: 320px;}
 .w-350{ width: 350px;}
 .w-360{ width: 360px;}
 .w-370{ width: 370px;}
 .w-380{ width: 380px;}
 .w-390{ width: 390px;}
 .w-400{ width: 400px;}
 .w-410{ width: 410px;}
 .w-480{ width: 480px;}
 .w-470{ width: 470px;}
 .w-550{ width: 550px;}
 .w-560{ width: 560px;}
 .w-570{ width: 570px;}
 .w-600{ width: 600px;}
 .w-650{ width: 650px;}
 .w-670{ width: 670px;}
 .w-700{ width: 700px;}
 .w-720{ width: 720px;}
 .w-740{ width: 740px;}
 .w-750{ width: 750px;}
 .w-810{ width: 810px;}
 .w-960{ width: 960px;}
 
 /* author: wangyuelong */
 .w-160{ width:160px;} 
 .w-260{ width:260px;}
 .w-318{ width:318px;}
 .w-450{ width:450px;}
 .w-520{ width:520px;}
 .w-690{ width:690px;}
 .w-790{ width:790px;}
 /* @end **/
 .textarea-w600{ width: 592px;}


 /***
 	* @name:		Layout（布局）
 	* @author:		
 	* @type:		基础类
 	* @explain:		布局主体结构,定义网站的常用布局
 	* @relating:	no
 	* @dependent:	no
 */
 
 /* 
  *	********** 横截栏的样式: 居中，宽度   **********
  */
 .column { width: 960px; margin: 0 auto;}
 
 /* 
  *	********** 三栏布局: 左两栏  + 右一栏  **********
  */
 .col-l-main,
 .col-l-main .col-l { float: left;}
 
 .col-r-extra,
 .col-l-main .col-r { float: right;}
 
 /* 
  *	********** 三栏布局: 左一栏  + 右两栏  **********
  */
 .col-r-main,
 .col-r-main .col-r{ float: right;}
 
 .col-l-extra,
 .col-r-main .col-l{ float: left;} 
 /* @end **/

 /* ********** 样式中用到的图片拼合集合  **********  */
 .content-top,.image-top,.mode-sear,.diy-head-a,.mode-flash-1 .thumb ul li.cur{background-image: url(imagescmstop-block.png);}
 .mode-sear,#show-all-cont,.go-bbs a.bbs,.go-bbs a.stow,.go-bbs a.site-tree,
 .slide-txt span,.resource-head,.mode-bg-dott,.digg a,.reg-a,.shareTitle{background-image: url(imagescmstop-big.png);}

 .mode-bg-dott{ height: 20px;  background-position: left -252px;}
 .span-bg-blue,.span-bg-black,.span-bg-blue2{ padding: 3px 8px; float: left; color: #fff; background-color: #06c;}
 .span-bg-black{background-color: #666;}
 .span-bg-blue2{ background-color: #59B6E8;}
 .mode-bg-dott span a{ color: #fff;}
 .mode-bg-dott span a:hover{ color: #ff0;}
 /* 顶部条   */
 .header-top{ height: 28px;}
 .logo-bar{ background-color: #fff; height: 80px;}
 .login{ margin-right: 80px; padding-top: 6px; color: #666;}
 .login a { margin-right: 5px; margin-left: 5px; color: #666;}
 .login a:hover{ color: #f00;}
 .go-bbs a{ float:left; line-height:28px; margin-right:20px; padding-left:20px; color:#666;}
 .go-bbs a.bbs{ background-position: -183px -43px;}
 .go-bbs a.stow{ background-position: -181px -110px ;}
 .go-bbs a.site-tree{ background-position: -184px -71px;}
 .sear-top{ margin-top: 3px;}
  /* LOGO   */
 .logo-menu{ background-color: #fff;}
 .logo-box{ height: 58px; margin-top: 8px;  background-image: url(indeximageslogo.gif); background-repeat: no-repeat;} /* change logo img to dlut news H.He 20140314 */
 .logo-box h1 a{ text-indent: -9999px; display: block; width: 192px; height:58px;}
 .logo-box p{ color: #666; text-align: center;}
 .top-rss{ *margin-top: -2px;}
 /* 友情链接  */
 .out-links{border: 1px solid #dbdada; text-align: center; background-color: #f1f1f1;}
 .out-links div{ padding: 2px;}
 .out-links ul{margin:4px; background-color:#fff; padding-top:4px; text-align: left;padding-left: 10px;}
 .out-links li{ display:inline; line-height:35px;}
  
 /* 页面底部  */
 #foot{ text-align: center;}
 #foot_link{ height: 30px; line-height: 30px;}
 #foot_link a{ color: #000;}
 #foot_link a:hover{ color: #f00;}
 #foot p{ line-height: 22px; color: #666;}

/*	分页		*/
.page{text-align:center;}
.page li{ float: left;}
.page a{float:left; padding:0 6px; margin:0 6px 0 0;  height: 20px; line-height:20px; border:1px solid #ddd; font-family: Arial, Helvetica, sans-serif;  text-align: center; vertical-align: middle; background-color:#fff; color:#454545;}
.page a:hover,a.now{ text-decoration:none; border-color:#06c;}
.page a.now{ font-weight:bold; background:#2266BB; color:#fff;}

 /* ********************** 明显的分割线 ************************ */


  /* *********	大图背景 	******** */
 .mode-menu,.mode-menu ul li.nav-cur,.mode-menu ul li.nav-cur a,.menu-cir-l,.menu-cir-r,.menu-cir-main,
 .mode-head,.mode-tabs,.mode-tabs ul li a,.mode-tabs ul li a.tabs-focus,.mode-imgtitbg,
 .magazine-wrap .magazine-tab-menu li a,#nav-cur,#nav-cur a{ background-image: url(imagescmstop-block.png);}
 
 .his-1,.his-2,.mode-txtlink li,.mode-rank li em,.mode-rank li em.front,
 .mode-fastimg,.mode-videotitle,.mode-imgtitle .more,.mode-intertitle,.mode-news,.mode-position span a,
 .mode-sear ,.post-btn,.btn_black,.mode-head a.more-e,.mode-head-3 h2,.v-play-c,.v-comment-c,.other,.bigNews-head h2,
 .pic-list-wrap .more,.hr-dotted,.mode-vote .vote-all,.pic-news-list h2,.magazine-wrap .magazine-head,
 .mode-position ,.italk-pl,.italk-pl:hover ,.his-maga,.cover-title h2,
 .printing,.webbook,.post-tw,.maildy,.post-fri,.gall-pageNumber,.view-all-pic,.view-other a,.view-primal a,
 .gall-slide-console a,.gall-slide-console a:hover,.img-more,.member-btn,.fast-login-btn,.mode-vote .submit{background-image: url(imagescmstop-big.png);}
 
 
/***
 	* @name:		mode-menu
 	* @author:		
 	* @type:		导航
 	* @explain:		
 	* @relating:	
 	* @dependent:	
 */
 /* *********	非圆角菜单	******** */
 .mode-menu{ height: 35px; line-height: 35px; background-position: left -53px;}
 .mode-menu ul li { float: left; margin: 0 2px 0 2px; padding-left: 10px;  font-size: 14px;}
 .mode-menu ul li a{ float: left;  padding-right: 10px; text-align: center; color: #fff;}
 .mode-menu ul li.nav-cur,#nav-cur{   background-position: -0px -532px;}
 .mode-menu ul li.nav-cur a,#nav-cur a{  background-position: right -566px; font-weight: bold;  color: #c00; padding-right: 8px;}
 /* *********	圆角菜单 		******** */
 .menu-cir{ position: relative; height: 67px;}
 .menu-cir-main,.menu-cir-l,.menu-cir-r{position: absolute; width: 11px; height: 67px;}
 .menu-cir-main{ width: 938px; left: 11px; background-position: left -53px;}
 .menu-cir-l{ left: 0; background-position: -1px -132px;}
 .menu-cir-r{ right: 0; background-position: -12px -132px;}
 .menu-cir-main .menu-hot{ line-height: 34px;}
 /* 无子栏目 菜单,比如大众版首页,dz-index.html */
 .nosubmenu{ height: 35px; overflow: hidden; zoom: 1;}
  /* *********	历史页面按钮	******** */
 .his-1,.his-2{ margin-right: 6px;}
 .his-1{ padding-left: 16px; color: #fff; background-position: -15px -470px;}
 .his-2{ padding: 0 6px 0 18px; background-position:-14px -511px; color:#06c;}
 .his-1:hover{ color: #ff0;}
 .his-2:hover{ color: #c00;}
 /* *********	热点关注		******** */
 .menu-hot{ line-height: 22px;}
 .menu-hot span.hot-news a{ margin-right: 30px;}
 .menu-hot span.hot-news a:hover{ color: #f00;}
 .menu-hot ul li{ display: inline;}
 .menu-hot ul li a{ font-size: 14px; margin: 0 10px;}
 /* @end **/

 /***
 	* @name:		mode-head，mode-tabs
 	* @author:		
 	* @type:		标题行,包含切换（tabs）
 	* @explain:		一些模块的标题行，包括标题名称，更多链接
 	* @relating:	no
 	* @dependent:	no
 */
 /* *********	该模块公共组合	******** */
 .mode-head-2,.mode-head,.mode-tabs{ height: 27px; line-height: 27px; padding: 0 8px; overflow: hidden; zoom:1;}
 .mode-head h2,.mode-head-2 h2,.mode-tabs h2{ float: left; font-weight: bold;}
 /* *********	有背景类	******** */
 .mode-head{ background-position: 0 -254px; border-bottom: 1px solid #9FCCE9;}
 .mode-head a.more,.mode-head a.more-e{ float: right; color: #06c;}
 .mode-head a.more-e{ width: 37px; height: 12px; margin-top: 8px; background-position: -17px -50px; text-indent: -9999px;}
 .mode-head a.more-e:focus{ outline: none;}
 .mode-head ul{ float: right;}
 .mode-head ul li{ float: left;}
 .mode-head ul li a{ float: left; margin: 0 8px; color: #666;}
 .mode-head a.more:hover,.mode-head a.more-e:hover,.mode-head ul li a:hover{ color: #c00;}
 /* *********	无背景类		******** */
 .mode-head-2{border-bottom: 1px solid #dbdada;}
 .mode-head-2 a.more{ color: #999; float: right;}
 .mode-head-2 a.more:hover{ color: #f00;}
 .mode-head-3{ background: none; border-bottom: none;}
 /* *********	切换类		******** */
 .mode-tabs{ height: 29px;  background-position: left -703px;}
 .mode-tabs ul li{ float: left;}
 .mode-tabs ul li a{ float: left; padding: 0 10px;  background-position: left -632px; color: #06c;}
 .mode-tabs ul li a.tabs-focus{ height: 29px; background-position: left -665px; color: #666; font-weight: bold;}
 .mode-tabs ul li a:hover{ color: #f00;}
 .mode-tabs ul li a.tabs-focus:hover{ color: #000;}
 .mode-tabs-2{ padding: 0;}
 .mode-tabs-fs14 ul li a{ font-size: 14px;}
 /* *********	图片标题		******** */
 .mode-imgtitle{ height: 34px; line-height: 34px;}
 .mode-imgtitle p{ float: left; color: #999;}
 .mode-imgtitle ul{ float: right;}
 .mode-imgtitle ul li{ float: left; margin-right: 10px;}
 .mode-imgtitle ul li a{ color: #333;}
 .mode-imgtitle .more,.other{ margin-top: 10px; margin-right: 5px; width: 38px; height: 16px; background-position: -15px -48px;}
 .other{ margin-top: 0;margin-right: 0; text-indent: -9999px;}
 /* *********	各title背景图片		******** */
 .mode-imgtitbg{ height: 35px; background-position: left -379px; border-bottom: 1px solid #9FCCE9;}
 .mode-fastimg,.mode-videotitle,.mode-intertitle,.mode-news{ float: left; text-indent: -9999px;}
 .mode-fastimg{  width: 77px;  background-position: -156px -510px;} 
 .mode-videotitle,.mode-intertitle,.mode-news{ width: 115px;}
 .mode-videotitle{ background-position: -11px -424px;}
 .mode-intertitle{ background-position: -11px -366px;}
 .mode-news{ background-position: -13px -322px;}
 .mode-pictitle{ width: 143px; background-position: -111px -1333px;}
 /* *********	更多按钮		******** */
 .img-more{width:45px; height:20px; background-position: -15px -48px; text-indent:-9999px;}
 /* *********	视频页面title样式		******** */
 .mode-head-3 h2{padding-left: 30px; padding-top: 6px; background-position: -269px -1055px ; background-repeat: no-repeat;}
 /* *********	在默认样式上自定义背景		******** */
 .diy-bg-a{ background-position: 0 0;}
 /* @end **/

 /***
 	* @name:		mode-txtlink,mode-rank
 	* @author:		
 	* @type:		文本列表模块
 	* @explain:		列表中基本的是12px, 颜色是666，可以快速切换到14px，颜色是06c，依赖的模块是mode-head
 	* @relating:	no
 	* @dependent:	mode-head
 */
 /* ********* 常规列表	******** */
 .mode-txtlink ul,.mode-txtlink ol {}
 .mode-txtlink li,.mode-rank li{  padding-left: 8px; line-height: 24px; background-position: -286px -280px; background-repeat: no-repeat;}
 .mode-txtlink li a{ color: #666;}
 .mode-txtlink li a:hover{ color: #f00;}
 .mode-txtlink li cite,.mode-txtlink li .date,.mode-rank li em{  font-family: Arial; font-size: 10px;}
 .mode-txtlink li cite{ color: #999;}
 .mode-txtlink li .date{  margin-left: 10px;  color: #999;}
 /* ********* 排序列表	******** */
 .mode-rank li em{ float: left; margin-right: 8px; width: 16px; height: 20px; text-align: center;  background-position: -139px -98px;}
 .mode-rank li em.front{ background-position: -138px -58px; color: #fff;}
 /* @end **/

 /***
 	* @name:		mode-txtlink,mode-rank
 	* @author:		
 	* @type:		面包屑导航
 	* @explain:		列表中基本的是12px, 颜色是666，可以快速切换到14px，颜色是06c，依赖的模块是mode-head
 	* @relating:	no
 	* @dependent:	mode-head
 */
 .mode-position{ padding-left: 20px; line-height: 21px; background-position: -280px -481px; background-repeat: no-repeat;}
 .mode-position .menu-a{ margin-right: 10px; color: #06c; font-weight: bold; font-size: 14px;}
 .mode-position span a{ padding-right: 10px; background-position: right -911px;}
 /* @end **/

 /*
  * ***************** 侧边栏搜索条  *****************
  */
 .mode-sear{ width: 190px; height: 28px; background-position: -57px -152px;}
 .mode-sear .sear-box,.mode-sear .sear-btn{ background-color:  transparent;  border: none;}
 .mode-sear .sear-box{ width: 146px; height: 17px;line-height: 17px; padding: 1px 2px 2px 4px; color: #666; _float:left;}
 .mode-sear .sear-btn{ text-indent: -9999px; width: 30px; cursor: pointer;}
 /* @end **/

  
 /***
 	* @name:		mode-comment
 	* @author:		
 	* @type:		评论模块
 	* @explain:		
 	* @relating:	
 	* @dependent:	mode-head
  */
 /* 
  *	********** 评论列表  **********
  */
 .mode-comment dt{ line-height: 26px;}
 .mode-comment dt .user-info,.mode-comment dt .user-info a{ color: #06c;}
 .mode-comment dt .user-info a:hover{ color: #f00;}
 .mode-comment dt .user-info{float: left;}
 .mode-comment dt .post-time{ float:right;  color: #999;  font-family: Arial; font-size: 10px;}
 .mode-comment dd{ clear:both; padding-bottom: 10px;}
 .citation-wrap{ line-height: 24px; overflow: hidden;word-wrap:break-word;}
 .mode-comment dd p{ line-height: 24px; font-size: 14px;  color: #333;word-wrap:break-word;}
 .mode-head .comment-count{padding-left: 10px;  color: #666;}
 .mode-head .comment-count em{ padding: 0 4px; font-family: Arial; color: #f00;}
 .post-comment-area{ background-color: #f8fbfc; border-top: 1px solid #dfedf2;}
 .post-comment-area .textarea{  height: 100px; background-color: #fff; border-color: #ddd; overflow: auto;}
 .textarea-w663{ width: 663px;}
  /* 
  *	********** 用户登录区域  **********
  */
 .view-comment{ line-height: 40px; text-align: right; color: #666;}
 .view-comment a{ margin-left: 10px; color: #06c;}
 .view-comment a:hover{ color: #f00;}
 .user-writeinfo{ height: 30px; line-height: 30px; padding: 10px 0 5px 0;}
 .user-writeinfo a{ color: #06c;}
 .user-writeinfo a:hover{ color: #f00;}
 .fast-login{  width: 180px;  padding: 15px;  border: 1px solid #9FCCE9; background-color: #F8