﻿ 
 /*********** CSS Reset **********/
 *{margin:0px; padding:0px;}
 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;}
 h1,h2,h3,h4,h5,h6{ font-weight: normal;} 
 p{line-height:20px; color:#888;}
 textarea{overflow:auto;}
 a{ text-decoration:none;}
 .h2{font-size:14px;font-weight:bold;}
 .h3{font-size:12px;}
  /*
  * ***************** 顶部导航条  *****************
  */
 .content-top,.image-top{ height: 28px;}
 .content-top{  line-height: 28px;}
 .content-top a{ margin-right: 10px;}
 .content-top .cont-logo img {margin-top: 5px;}
  /* ********** 通栏: 居中，宽度 960px ********** */
 .column{ width: 960px; margin:0 auto;} 
 
   /* ********** 颜色 ********** */ 
  .blue1{color:#0066cc;}
  .cor666{ color:#666;}
  
   /* ********* 三栏布局: 左两栏  + 右一栏  ********** */
 .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,.col-r{ float: right;}
 .col-l-extra,
 .col-r-main .col-l,.col-l{ float: left;}
 
  /* ********** 栅格化宽度应用(width=960px)  ***********/
 .w50{width:50%;}
 .w-130{width:130px;}
 .w-150{width:150px;}
 .w-160{width:160px;}
 .w-200{width:200px;}
 .w-220{width:220px;}
 .w-210{width:210px;}
 .w-230{width:230px;}
 .w-240{width:240px;}
 .w-250{width:250px;}
 .w-260{width:260px;}  /*w*/
 .w-270{width:270px;}
 .w-280{width:280px;}
 .w-290{width:290px;}
 .w-300{width:300px;}  
 .w-310{width:310px;}  
 .w-320{width:320px;}  /*w*/
 .w-340{width:340px;}
 .w-360{width:360px;}  /*w*/
 .w-380{width:380px;}  
 .w-390{width:390px;}
 .w-400{width:400px;}
 .w-410{width:410px;}
 .w-420{width:420px;}
 .w-460{width:460px;}
 .w-480{width:480px;}
 .w-520{width:520px;}
 .w-530{width:530px;}
 .w-540{width:540px;}
 .w-570{width:570px;}
 .w-610{width:610px;}  
 .w-630{width:630px;}
 .w-640{width:640px;}
 .w-660{width:660px;}  /*W*/
 .w-670{width:670px;}
 .w-690{width:690px;}  /*w*/
 .w-710{width:710px;}
 .w-720{width:720px;}  /*w*/
 .w-750{width:750px;}
 .w-770{width:770px;}
 .w-780{width:780px;}
 
  /* ********** hover ***********/
  .top-bar a:hover,.vedio-list a:hover,.blue1:hover,.foot a:hover,.scroll_list h3 a:hover{ color:#900;}

  /* ********** 浮动 ***********/
  .vedio-list li{ float:left;}
  
 /* ********** 大背景 ***********/
.top-bar,.title-bar,.gray-title,.gray-title2,.tabTitle1{ background-image:url(imagesvideobar.png); background-repeat:repeat-x;}
.scroll_box p,.scroll_box p.scroll_right,.rank-list .ico{ background-image:url(imagesvideoico.png); background-repeat:no-repeat;}

 /* ********** shortcut ***********/
 .SH{font-family:SimHei,Microsoft YaHei;}
 .f-l{float:left;} .f-r{float:right;}
 .clear,.hr-h10,.hr-h6,.hr-h20,.hr-h15,.hr-h40{clear:both;overflow:hidden;_zoom:1;}.hr-h10{height:10px;}.hr-h6{height:6px;}.hr-h20{height:20px;}.hr-h15{height:15px;}.hr-h40{ height:40px;}
 .pos-r{position:relative;} .pos-a{position:absolute;}
 .b{font-weight:bold;}
 .notxt{text-indent:-9999px;display:block;}
 .mar-t-5{ margin-top:5px;}
 .mar-t-8{margin-top:8px;}
 .mar-l-10{margin-left:10px;}
 .mar-b-10{margin-bottom:10px;}
 .mar-t-10{margin-top:10px;}
 .mar-r-10{margin-right:10px;}
 .mar-10{ margin:10px;}
 .mar-15{ margin:15px;}
 .mar-b-15{margin-bottom:15px;}
 .mar-t-15{margin-top:15px;}
 .mar-l-15{margin-left:15px;}
 .mar-r-15{margin-right:15px;}
 .mar-r-20{margin-right:20px;}
 .mar-r-24{margin-right:24px;}
 .mar-l-24{margin-left:24px;}
 .mar-r-50{ margin-right:50px;}
 .mar-t-20{ margin-top:20px;}
 .mar-b-20{ margin-bottom:20px;}
 
 .img1px img{padding:1px;border:1px solid #d8d8d8;}
 .img1px-blue img{padding:1px;border:1px solid #bcccde;}
 .pad-tb-10{padding-top:10px;padding-bottom:10px;}
 .pad-lr-10{padding-left:10px;padding-right:10px;}    /*hw*/
 .pad-r-5{padding-right:5px;} 
 .pad-t-8{ padding-top:8px;}  /*hw*/
 .pad-l-10{padding-left:10px;}
 .pad-l-20{padding-left:20px;}
 .mar-lr-15{margin-left:15px;margin-right:15px;}
 .mar-l-100{margin-left:100px;}
 .hidden{display:none;}
 .t-c,.t-c p{text-align:center;}
 .t-r{text-align:right;}
 .ov{overflow:hidden;_zoom:1;}
 .fz16{font-size:16px;}
 .fz14{font-size:14px;}
 .fz12{font-size:12px;}
 .fz-24{font-size:24px;font-family:"微软雅黑", "黑体";}
 .bd-gray{border:1px solid #e8e8e8;}
 .bd-gray-top{border-top:1px solid #e8e8e8;}
 .bd-white{border:1px solid #fff;}
 .bd-blue{border:1px solid #cedae4;}
 .bd-blue2{border:1px solid #dbe5ef;}
 .bd-blue3{ border:1px solid #d0dbe5;}
 .bd-blue4{ border:1px solid #d1eaf5;}
 .bd-blue5{ border:1px solid #daecf4;}
 .pad-10{padding:10px;}
 .h0{height:0;}
 .h36{height:36px;}
 .h40{height:40px;}
 .h60{height:60px;}
 .fixed100{width:100%;}
 .ti2em{text-indent:2em;}
 .lh-24{line-height:24px;}
 .lh-18{line-height:18px;}
 .white,a.white{color:#fff;}
 .unline{text-decoration:underline;}
 
 /* ********** 顶部 top-bar ***********/
.top-bar{ border-bottom:1px solid #ccc; height:30px;}
.top-bar a{ color:#333; margin:0 5px 0 5px; line-height:30px; height:30px; display:block; float:left;}
 /* ********** foot ***********/
 .foot{ padding:20px 0 10px 0;}
 .foot p{ text-align:center; line-height:20px;}
 .foot .p1{ padding-bottom:10px;}
 .foot a,.foot p{ color:#666;}
 
 /* ---------------------------------- */
 
 .top-bar{ background-position:left top;}

.title-bar{ height:80px; background-position:0 -130px; border-top:1px solid #fff;}
.title-bar .column{ padding:10px 0 1px 0;}
.title-bar .h2,.time,.funs,.tag{ font-size:14px; color:#666; padding-left:10px;}
.title-bar .h2{ color:#444;}
.title-bar .h2{ line-height:40px; font-size:20px; font-family:"黑体", "微软雅黑" ;}
.time,.funs,.tag{ margin-right:10px; font-size:12px;}
.share{right:0; top:30px; color:#06c; margin-left:140px;}
.share a{ margin-right:5px;}

.vedio-show{ background-color:#555;}
.closed,.closed2{ color:#fff;}
.closed{ left:10px; bottom:26px;}
.closed2{ right:10px; bottom:26px;}
.vedio-left,.vedio-right{ width:146px;}
.vedio-left img,.vedio-right img{opacity:.8;fliter:alpha(opacty=80);filter:Alpha(opacity=80);/* bug:rule breaks in ie5/6 mac */
-moz-opacity:0.8;}
.vedio-left img,.vedio-right img{ margin-top:6px;}


.gray-title{ color:#444; line-height:30px; background-position:0 -85px; padding-left:15px;}
.gray-title .a5{ color:#666; padding-right:10px;}
.gray-title2{ color:#444; line-height:30px; background-position:0 -45px; padding-left:15px;}

.vedio-list{ margin:8px;}
.vedio-list li{ width:103px; margin:0 8px; display:inline;}
.vedio-list .vedio-bg{ width:109px; height:79px; background-image:url(imagesvideobg.png); background-repeat:no-repeat;}
.vedio-list .vedio-bg img{ margin:3px 0 0 3px;}
.vedio-list p{ text-align:center; margin:4px 0 10px 0;}
.vedio-list a{ color:#666;}


/*------- 切换样式 ------*/
.tabTitle1 li,.tabTitle1 a{float:left;font-size:12px;}
.tabTitle1 h2{ font-weight:bold; font-size:14px; color:#444; padding-left:5px;}
.tabTitle1{ background-repeat:repeat-x; background-position:0 -45px;}
.tabTitle1{line-height:30px; height:30px;}
.tabTitle1 .tabs-focus{background-color:#FFF;background-image:none;}
.tabTitle1 a{border-left:1px solid #e8e8e8;}
.tabTitle1 a{ color:#333; padding:0 5px;}

.rank-list{ margin:8px;}
.rank-list li{ line-height:26px;}
.rank-list li a{ color:#666;}
.rank-list .ico{ width:20px; color:#666; height:26px; background-position:-1px -49px; float:left; font-size:9px; text-align:center;}

/*------- 心情 --------*/

 .txt,.cont-mood{ width:607px; margin:23px 0 20px 37px;}
 .cont-mood p{ font-size:12px; margin:0 10px;text-indent:0; color:#666;}
 .cont-mood{  background-color: #fff; color: #666;}
 .cont-mood .mood-head{ margin-bottom: 10px;}
 .cont-mood li{ float: left; margin:0 7px 15px 13px; width: 40px; text-align: center; display:inline;}
 .cont-mood li input{ margin-top: 5px;}
 .cont-mood{ border: 1px solid #ccc;  background-color: #fff; overflow: hidden; zoom: 1; color: #666;}

 /* digg + share   */
 .digg-share{ padding-top: 8px;}
 .digg a{ float: left; margin-right: 6px;  width: 100px; line-height: 37px; padding-left: 38px; background-position: -5px -952px; color: #f30; font-family: Arial; font-size: 10px;}
 .digg a.againsts{ background-position: -154px -952px; color: blue;}
 .digg a span{ margin-left: 10px; margin-right: 10px;}
 .digg a:hover{ text-decoration: none; background-position: -5px -1002px;}
 .digg a.againsts:hover{background-position: -154px -1002px; color: #f00;}
 .share-tool{padding-top: 15px; color: #ccc;}
 .share-tool a{ color: #06c;}
 .share-tool a:hover{ color: #f00;} 
 .ding,.cai{ background-position:-2px -90px; width:140px; height:37px; padding-top:8px;}
 .ding{ margin-right:5px;}
 .ding a,.cai a{ margin-left:20px;}
 .txt .a1,.txt .a2{ font-size:16px; font-weight:bold;}
 .txt .a1,.txt .a3{ color:#f00;}
 .txt .a2,.txt .a4{ color:#06c;}
 .txt .a3,.txt .a4{ font-size:10px;}
 .gall-textarea{ height: 100px; border:1px solid #e9edee;}
.user-writeinfo{ margin-top:7px;}
 .ff{ font-family: Arial, Helvetica, sans-serif;}



/*============================================================
 * 滚动部分样式
/===========================================================*/


.scroll_box{
    height:130px;
    background-color:#fff;
    border:4px solid #fff;
	margin:20px 0 0 7px;}

.scroll_box p,.scroll_list,.scroll_list li{float:left;}

.scroll_box p{
    width:20px;
    height:20px;
    text-indent:-9999px;
    overflow:hidden;
    background-color:#fff;
    cursor:pointer;
	margin-top:36px;
	background-position:-5px -146px;}

.scroll_box .scroll_right{background-position:-90px -146px;}

.scroll_list{
    position:relative;
    width:600px;
    height:130px;
    overflow:hidden;
    border:1px solid #fff;
    border-width:0 15px 0 15px;}

.scroll_list ul{
    position:absolute;
    top:0;
    left:0;
    width:2000px;
    height:130px;
    overflow:hidden;}

.scroll_list li{
    width:127px;
    height:130px;
    display:inline-block;
    margin-right:30px;}

.scroll_list li a img{
    width:120px;
    height:90px;
    vertical-align:top;
	border:1px solid #bcccde;
	padding:1px;}
.scroll_list h3{text-align:center;margin-top:10px;}
.scroll_list h3 a{ color:#666; font-size:12px;}