﻿@charset "utf-8";
*       { margin: 0; padding: 0;}
html    { height: 100%; border: 0;}
body    { height: 100%; font-size: 12px; font-family: Verdana, '宋体';}
form    { margin: 0px; }
a, a:link, a:visited, a:hover { color: #000; text-decoration: none; }
a:hover { text-decoration: underline; }
img 	{ border: 0px; }
ul      { margin: 0px; padding: 0px; }
li  	{ list-style-type: none; padding: 0px; }
.wrapfix{ display: inline-block; } /* Hides from IE-mac \*/ * html .wrapfix {height: 1%;}.wrapfix {display: block;} /* End hide from IE-mac */ .wrapfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
input, textarea, select
        { font-size: 12px; font-family: Tahoma, Verdana, '宋体'; }
textarea .Cache
        { position: absolute; top: 0px; left: 0px; inline: none; }
button, .button
        { font-size: 12px; padding: 2px; border: solid 1px; font-family: Tahoma, Verdana, '宋体'; }
        
h4, .h4 { height: 30px; padding-left: 10px; font-size: 14px; }
h4 a, h4 a:visited, h4 a:link, h4 a:hover 
        { text-decoration: none; }
h5, .h5 { height: 30px; line-height: 30px; padding-left: 15px; font-size: 12px; }
h6, .h6 { font-size: 10px; font-weight: normal; }

fieldset{ margin: 5px 0px; padding: 5px; border: 1px solid; }
legend  { height: 25px; line-height: 25px; margin-bottom: 5px; padding: 0px 15px; border: 1px solid; font-weight: bold; }
fieldset ol
        { list-style: none; }
fieldset li
        { clear: left; line-height: 20px; margin: 10px 0px; padding: 3px 0px; }
fieldset label
        { float: left; width: 120px; padding-right: 5px; text-align: right; }
fieldset input, fieldset textarea
        { padding: 2px 4px; margin-top: 0px; border: groove 1px; cursor: text; }
fieldset option
        { margin: 0px 3px; }
blockquote
        { padding: 5px; background: #EFEFEF; border: dashed 1px #EEE; }

.Pixel  { height: 1px; display: block !important; display: none; }
.PNG    { behavior: url(/images/iepngfix.htc); }
.TL     { text-align: left; }
.TC     { text-align: center; }
.TR     { text-align: right; }
.VT     { vertical-align: top; }
.CLR    { clear: both; }

.FL     { float: left; }
.FR     { float: right; }

.hide   { display: none; }

.col1   { padding-left: 10px; }

/******** Layout ********/
.SiteMenu
        { height: 40px; line-height: 40px; background: #000 url(/images/bg_SiteMenu.gif) top repeat-x; }
.SiteMenu, .SiteMenu a, .SiteMenu a:link, .SiteMenu a:visited, .SiteMenu a:hover
        { color: #EEE; }
.SiteMenu input
        { border: solid 1px #CCC; margin: 2px; margin-top: 0px !important; margin-top: 10px; }
.SiteMenuContent
        { width: 960px; margin: 0px auto; }
.SiteLogo
        { float: left; }
.SiteLink
        { float: left; padding-left: 15px; }
.SiteLink li
        { float: left; margin: 0px 5px; }
.SitePanel
        { float:right; padding-right: 5px; }

.Passport
        {  }
.PassportUsername
        { float: left; }
.PassportPassword
        { float: left; }
.PassportSubmit
        { float: left; }
.PassportRegister
        { float: left; }

.Top, .Banner, .Middle, .Bottom
        { width: 1000px; margin: 0px auto; }
.Block  { margin-top: 5px; }


.Date   { font-size: 11px; color: #555; }
.Hits, .Hits a
        { font-size: 10px; color: #555; }

.Top    { height: 40px; }
.Top ul { float: right; margin-right: 50px; }
.Top li { float: left; line-height: 39px; padding: 0px 10px; }
.Top .Left
        { background-image: none; }
.Banner { height: 100px; }
.Middle, .Bottom 
        { width: 970px; padding: 0px 15px; }
.Bottom { width: 960px; height: 40px; line-height: 20px; padding: 10px 20px 5px 20px; }
.Bottom img
        { margin-right: 12px; }

.BlockHeader
        { height: 28px; line-height: 28px; padding-left: 15px; font-weight: bold; border-bottom: solid 1px #999; }
.BlockHeader img
        { margin-right: 5px; }
.BlockContent ul
        {  }
.DataList table
        { width: 100%; border: 0px; table-layout: fixed; overflow: hidden; }
.DataList th
        { height: 30px; line-height: 30px; text-align: center; }
.DataList td
        { white-space: nowrap; overflow: hidden; }
        
.blockTL, .blockBL
        { float: left; }
.blockTR, .blockBR
        { float: right; }
.blockTL, .blockTR, .blockBL, .blockBR 
        { width: 6px; }
.blockT, .blockTL, .blockTR, .blockB, .blockBL, .blockBR 
        { font-size: 1px; height: 6px; }
.blockM { padding-left: 6px; margin-right: 6px; }

.Level1 { color: #090; }
.Level2 { color: #00F; }
.Level3 { color: #F00; }
.Level4 { color: #F00; font-weight: bold; }
.Recommend1
        { font-weight: bold; color: #FF0; }

.ReplayLevel
        { font-family: Georgia; font-style: italic; }
.ReplayLevel0
        { font-size: 11px; font-weight: bold; }
.ReplayLevel1
        { color: #090; font-size: 12px; font-weight: bold; }
.ReplayLevel2
        { color: #F90; font-size: 12px; font-weight: bold; }
.ReplayLevel3
        { color: #F90; font-size: 12px; font-weight: bold; }
.ReplayLevel4
        { color: Red; font-size: 12px; font-weight: bold; }
.ReplayLevel5
        { color: Red; font-size: 12px; font-weight: bold; }
            
.BracketBorder
        { border-right: solid 1px #000; }
            
/* BreadCrumb */
.BreadCrumb     { height: 25px; line-height: 25px; padding-left: 10px; }

/* News */
.NewsColumn1    { float: left; width: 665px; }
.NewsColumn2    { float: right; width: 300px; }

/* Video */
.VideoColumn1   { float: left; width: 630px; }
.VideoList      {  }
.VideoList li   {  }
.VideoPreviewImage
                { float: left; width: 128px; height: 96px; margin: 5px; text-align: center; }
.VideoCode      { margin: 10px; text-align: center; }
.VideoTitle     { height: 30px; line-height: 30px; text-align: center; font-size: 14px; font-weight: bold; }
.VideoDescription
                { line-height: 160%; padding: 10px 30px; }

.VideoColumn2   { float: right; width: 335px; }
.VideoCategoryList li
                { float: left; width: 141px; padding-left: 20px; height: 28px; line-height: 28px; }
.VideoSideList li
                { float: left; width: 141px; padding: 10px; text-align: center; }
.VideoSideList img
                { margin-bottom: 5px; }
.VideoComment   { height: 25px; line-height: 25px; }

        

/* Pager */
.Pager          { width: 550px; padding: 10px; }
.Pager ul       { height: 24px; line-height: 24px; }
.Pager li       { display: inline; padding: 5px 7px; border: solid 1px #CCC; text-align: center; font-size: 10px; }
.RecordNumber   { margin: 2px 2px 2px 0px; background: #FFF; }
.PagerButton, .PagerButton1, .PagerButton2, .PagerButton3, .PagerButton4
                { margin: 2px; background: #FFF; }
.PagerButton    {  }
.PagerButtonON  { background: #41CBFF; color: #FFF; font-weight: bold; }
.PagerButton1   {  }
.PagerButton2   {  }
.PagerButton3   {  }
.PagerButton4   {  }

/* Comment */
.C_Comment      { margin-top: 5px; border: solid 1px #AAA; background: #EEE; }
.CommentHeader  { height: 30px; line-height: 30px; padding-left: 10px; font-weight: bold; background: #FFF; }
.CommentPager   { padding: 0px 20px; }

.C_T            { border-top: dashed 1px #333; }
.C_TR           { color: #111; }
.C_ICON, .C_TR  { border-top: solid 1px #999; }
.C_ICON img     { margin-left: 8px; }
.C_NO           { border: solid 0px #000; background: #EEE; color: #666; }
.C_R            { padding-right: 5px; }
.C_R1           { color: #CC3300; }
.C_R2           { color: #009900; }
.C_R3           { color: #336699; }
.C_R4           { color: #FF9900; }
.C_R5           { color: #CC66FF; }
.C_R6           { color: #FF33CC; }
.C_R7           { color: #466A6A; }
.C_R8           { color: #00FFCC; }
.C_R9           { color: #66CC00; }
.C_R10          { color: #6633CC; }

.C_LV1          { background: #EBFAFF; }
.C_LV2          { background: #c5eefc; }
.C_LV3          { background: #a3daec; }
.C_LV4          { background: #66CCFF; }
.C_LV5          { background: #1caff9; }
.C_LV-1          { background: #bee3ef; }
.C_LV-2          { background: #81bcd0; }
.C_LV-3          { background: #4690a9; }
.C_LV-4          { background: #196077; }
.C_LV-5          { background: #043a4c; }

.C_AN           { height: 22px; line-height: 22px; }
.C_T, .C_IPT    { width: 98%; margin: 0px auto; }
.C_T            { padding: 8px 6px; font-weight: bold; }
.C_IPT          { padding-bottom: 8px; padding-left:9px;}
.C_IPT input    { width: 80px; height: 75px; cursor: pointer; }
.C_AD           { margin: 0px auto; }
.C_PG           { height: 10px; }
.C_BOX          { width: 540px; overflow: hidden; }

.C_ICON         { width: 60px; vertical-align: top; }
.C_ICON img     { width: 50px; height: 50px; margin: 3px; }
.C_TR           { height: 25px; line-height: 25px; }
.C_R, .C_R1, .C_R2, .C_R3, .C_R4, .C_R5, .C_R6, .C_R7, .C_R8, .C_R9, .C_R10
                { font-weight: bold; }
.C_A            { font-weight: bold; }
.C_DEL          { cursor: pointer; padding-right: 5px; }
.C_CB           { line-height: 150%; }
.C_TR, .C_CB    { padding: 3px 10px; overflow: hidden; }

/* Rater Star */
.clearfix, .ele_inner { display:block;}
.yrating li.on { background-position:0 0;}
.yrating li.half { background-position:0 -68px;}
.yrating li.off { background-position:0 -34px;}
.yrating li { height:31px; width:30px;}
.yrating li, .grating li { background:transparent url(/images/star.png) no-repeat scroll 0 0; float:left; overflow:hidden;}
.grating li { cursor:pointer; height:18px; width:18px;}
.grating li.off { background-position:-37px -27px;}
.grating li.on { background-position:-37px -6px;}
.grating li.half { background-position:-37px -48px;}
.rs { font-size:2em; font-weight:bold; color:#4B860B; padding-top:5px;float:left;}
.ratingzs { font-size:3em; font-weight:bold; color:#F78404; }
.ratingxs { font-size:1.67em; margin-top:-5px; color:#F78404; }
#userRatingContainer { float: left;  margin-top:7px;width:180px;}
.Evaluate { background-color:#FFFFFF; border:1px dotted #999999; margin-left:10px;}

.TabNavigation li
        { display: inline-block; width: 120px; text-align: center; background: url(/images/bg_Tab.gif) no-repeat; }
li.TabSelected
        { font-weight: bold; background: url(/images/bg_TabSelected.gif) no-repeat; }
.TabContainer
        {  }

/******** Plug-in ********/
.hasCountdown {
	border: 1px solid #ccc;
	background-color: #eee;
}
.countdown_rtl {
	direction: rtl;
}
.countdown_holding div {
	background-color: #ccc;
}
.countdown_row {
	clear: both;
	width: 100%;
	text-align: center;
}
.countdown_show1 div {
	width: 100%;
}
.countdown_show2 div {
	width: 50%;
}
.countdown_show3 div {
	width: 33%;
}
.countdown_show4 div {
	width: 25%;
}
.countdown_show5 div {
	width: 20%;
}
.countdown_show6 div {
	width: 16%;
}
.countdown_show7 div {
	width: 14%;
}
.countdown_section {
	float: left;
	font-size: 75%
}
.countdown_amount {
	font-size: 200%;
}
.countdown_descr {
	width: 100%;
}

.s3slider { position: relative; overflow: hidden; }
.s3sliderContent {
   position: absolute;
   width: 100%;
   top: 0;
   margin-left: 0;
}

.s3sliderImage {
   float: left; position: relative; display: none;
}

.s3sliderImage span {
   position: absolute;
   padding: 10px 13px;
   display: none; /* important */
}

.s3sliderImage span {
   font: 10px/15px Arial, Helvetica, sans-serif;
   width: 374px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
}

.s3sliderImage span strong {
    font-size: 12px;
}
.s3sliderLeft {
    top: 0;
    left: 0;
    width: 110px !important;
    height: 280px;
}
.s3sliderRight {
    right: 0;
    bottom: 0;
    width: 90px !important;
    height: 290px;
}
.s3sliderTop {
    top: 0;
    left: 0;
}
.s3sliderBottom {
    bottom: 0;
    left: 0;
}

#cluetip {
  z-index: 1001;
}
#cluetip-outer {
  position: relative;
  margin: 0;
  background: #d9d9c2;
}
h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #87876a;
  color: #fff;
}
#cluetip-inner {
  padding: 10px;
}
span#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}
#cluetip-close img {
  border: 0;
}



.NewsTitle  { height: 60px; line-height: 60px; text-align: center; }
.NewsInfo   { height: 25px; line-height; 25px; padding: 0px 20px; text-align: center; }
.NewsContent{ padding: 20px 10px; overflow: hidden; }
.NewsPager  { padding: 10px 0px; margin-bottom: 10px; font-size: 14px; font-weight: bold; border: dashed 1px #666; background: #F3F3F3; }
.NewsPagerPrev, .NewsPagerTitle, .NewsPagerNext
            { float: left; }
.NewsPagerPrev
            { width: 100px; }
.NewsPagerTitle
            { width: 430px; }
.NewsPagerNext
            { width: 100px; }
.NewsBody   { line-height: 160%; }
.NewsBody p { margin: 20px 0px; }
.NewsMenuTitle
            { height: 25px; line-height: 25px; padding-left: 25px; margin-top: 10px; font-weight: bold; color: #FFF; background: #111; }
.NewsMenu   { background: #F3F3F3; border: solid 1px #000; }
.NewsMenu li{ height: 25px; line-height: 25px; padding-left: 15px; }
               
.SearchContent
            { height: 40px; text-align: center; }
.SearchContent input
            { margin-top: 5px; padding: 3px; border: solid 1px #999; }
.NewsList tr{ height: 24px; line-height: 24px; }


.Evaluate .C_DEL { float:left;}
.Evaluate .C_ICON { float:right;border-top:medium none;}
.Evaluate .C_CB { width:440px;}


#labelList { padding:5px;}