
/******************* Main **********************/
body,html{height: 100%; background-color:#ac0710; font-family:微软雅黑; }
#simplePage{background-image:url(../images/common/header_bg.gif); background-position: top center; background-repeat:no-repeat;}


/******************* Enter Page **********************/
#outer {height: 100%; overflow: hidden; position: relative;width: 100%; }
#outer[id] {display: table; position: static;}
#middle {position: absolute; top: 50%;text-align:center;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}
#inner {position: relative; top: -50%;width: 600px;margin: 0 auto;text-align:left;}/*for explorer only */

#enter_logo { width:360px; height:250px; background-image:url(../images/common/enter_logo.gif); margin:0 auto;}
#enter_logo h1,#enter_logo small{display:block;margin:0;text-indent:-9999px;}
#enter_text { text-align:center; font-weight:bold;}
#enter_text a:link,#enter_text a:visited{color:#000; text-decoration:none;}
#enter_text a:hover {color:#FFF; text-decoration:none}

#bottom_nav { width:100%; height:20px; text-align:center; position:absolute; bottom:50px; color:#bcbcbc;  }
#bottom_nav a:link,#bottom_nav a:visited{color:#bcbcbc; text-decoration:none;}
#bottom_nav a:hover {color:#FFF; text-decoration:none}

/******************* Simple Page **********************/
#header{height:110px; padding-top:30px;}
#logo{ width:476px; height:100px; background:url(../images/common/logo.gif) no-repeat; }
#logo h1,#logo small{display:block;margin:0;text-indent:-9999px;}
#nav {height:46px; background:url(../images/common/nav_bg.gif) repeat-x;  position:relative; z-index:999}
#nav .cur{ height:6px; background-color:#ac0710; font-size:0px; line-height:0px; width:100px; position:absolute;}
#nav ul{list-style:none; padding:6px 5px 0 5px; height:40px; position:relative;}
#nav ul li{font-family:微软雅黑;font-size:12px; display:block; height:39px; float:left; cursor:pointer; position:relative;   }
#nav ul li a{ height:14px;line-height:14px; margin:12px 0; padding:0 15px;border-left:#bcbcbc 1px solid; display:inline-block; color:#bcbcbc; text-decoration:none;}
#nav ul li ul{list-style:none; position:absolute; top:39px; left:-5px; z-index:100; padding:0; display:none; background-color:#bcbcbc; height:auto;}
#nav ul li ul li{ height:23px; margin-top:1px; width:100%; line-height:23px;   background-color:#000; text-align:center; display:block;}
#nav ul li ul li a{ padding:0; margin:0; border-left:#bcbcbc 0px solid;  color:#bcbcbc; text-decoration:none;}
#wrap {}

#slideshow {position:relative; height:380px; margin-bottom:1px;}
#slideshow DIV {position:absolute; top:0; left:0; z-index:8;opacity:0.0;height: 380px;background-color: #FFF;}
#slideshow DIV.active {z-index:10;opacity:1.0;}
#slideshow DIV.last-active {z-index:9;}
#slideshow DIV IMG {height: 380px;display: block;border: 0;}

#indexContent {margin-bottom:1px;}
#pageContent {margin-bottom:1px; font-family:微软雅黑;position: relative; }
.columnTitle {font-family:微软雅黑;font-size:12px; background:#000 url(../images/common/title_bg.gif) no-repeat; text-indent:90px; height:25px; color:#888480;line-height:25px;}
.columnTitleWhite  a:link,
.columnTitleWhite a:visited {
	color: #4c4c4c;
	text-decoration: none;
}
.columnTitleWhite a:active,
.columnTitleWhite a:hover {
	color: #ac0710;
}
.columnTitleWhite { font-family:微软雅黑;font-size:12px; background:#eee url(../images/common/title_bg_white.gif) no-repeat; text-indent:90px; height:25px; color:#4c4c4c;line-height:25px;}
.subColumnTitleWhite {font-family:微软雅黑; background:#fff url(../images/common/sub_title_bg_white.gif) no-repeat; text-indent:85px; height:35px; color:#0a0a0a;line-height:35px;}
.columnTitleWhite em{ font-size:14px; font-weight:bold; font-style:italic; float:right; padding-right:30px;}
.subColumnTitleWhite .big{ font-size:14px; padding-right:18px;}
.subColumnTitleWhite .name{font-size:14px;}
.columnTitle .moreLink{float:right; padding-right:23px;}
.columnTitle .moreLink a:link,.columnTitle .moreLink a:visited{ color:#888480; text-decoration:none;}
.columnTitle .moreLink a:hover{ color:#fff; text-decoration:none;}
ul.gallery{ overflow:hidden; padding-top:1px;list-style: none;}
ul.gallery li{ height:141px; text-align:center;display: inline;}
ul.gallery li p{ line-height:30px;}
ul.gallery li .active{ width:105px; height:99px;border:#ac0710 6px solid; position:absolute; display:none;}
ul.gallery li a:link,ul.gallery li a:visited{color:#dbdbdb; text-decoration:none;}
ul.gallery li a:hover{color:#fff; text-decoration:none;}
ul.gallery li a.thumb {width: 117px; height: 111px;cursor: pointer;display:block;}
ul.gallery li span {width: 117px;height: 111px;overflow: hidden;display: block;}
ul.gallery li a.thumb:hover {background: #333;}

ul.jgallery{ overflow:hidden;list-style: none;}
ul.jgallery li{ height:112px; text-align:center;display: inline;}
ul.jgallery .big{ height:235px;}
ul.jgallery li p{ line-height:30px;}
ul.jgallery li .active{ width:105px; height:99px;border:#ac0710 6px solid; position:absolute; display:none;}
ul.jgallery .big .active{width:222px; height:210px;border:#ac0710 6px solid; position:absolute; display:none;}
ul.jgallery li .ing {display:block;}
ul.jgallery li a:link,ul.jgallery li a:visited{color:#dbdbdb; text-decoration:none;}
ul.jgallery li a:hover{color:#fff; text-decoration:none;}
ul.jgallery li a.thumb {width: 117px; height: 111px;cursor: pointer;display:block;}
ul.jgallery li a.bigthumb {width: 234px; height: 222px;cursor: pointer;display:block;}
ul.jgallery .big span {width: 234px;height: 222px;overflow: hidden;display: block;}
ul.jgallery li span {width: 117px;height: 111px;overflow: hidden;display: block;}
ul.jgallery li a.thumb:hover {background: #333;}

ul.lgallery{ overflow:hidden;list-style: none;}
ul.lgallery li{ height:58px; text-align:center;display: inline; margin-bottom:6px;}
ul.lgallery li img{float:left}
ul.lgallery li p{ cursor: pointer; text-align:left; padding:5px 0 0 10px; line-height:22px; height:53px; width:824px; display:block; background-color:#f7f7f7; float:right; position:relative;}
ul.lgallery li p .more{display:block; position:absolute; top:25px; right:33px; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#ac0710; font-weight:bold;}
ul.lgallery li a:link,ul.lgallery li a:visited{color:#0a0a0a; text-decoration:none;}
ul.lgallery li a:hover{color:#ac0710; text-decoration:none;}
ul.lgallery li a.thumb {width: 60px; height: 58px;cursor: pointer;display:block; float:left; margin-right:6px;}

#rightColumn .container{ background-color:#000; height:283px; margin-top:1px;}

.listContainer{}
ul.tabs{float:left;height:32px;list-style:none;margin:0;padding:0;width:100%;}
ul.tabs li{background:#fff;float:left;height:31px;line-height:31px;margin:0 0 -1px;overflow:hidden;padding:0;position:relative;}
ul.tabs li a{color:#000;display:block;font-size:14px; font-style:italic; font-weight:bold;outline:none;padding:0 20px;text-decoration:none;}
ul.tabs li a:hover{background:#ccc;}
html ul.tabs li.active,html ul.tabs li.active a:hover{background:#e0e0e0;}
.tab_container {border-top: none;overflow: hidden;clear: both;float: left; width: 100%; min-height:400px;}
.tab_content { height:auto;}

.listTitle { height:30px; background: url(../images/common/sub_title_bg.gif) repeat-x; line-height:30px;}
.listTitle span{ background-color:#FFF; padding-right:12px; color:#ac0710; font-size:16px;}
.contentTitle { height:40px; line-height:40px; font-size:14px; text-align:center;}

.listContent{ position:relative;}
.listContent img{float: left;margin: 0 20px 25px 0;border: 6px solid #ac0710;}
.listContent h3 { font-size:14px; font-weight:bold; margin-bottom:6px;}
.listContent h3 a:link,.listContent h3 a:visited{ font-size:14px; font-weight:bold; text-decoration:none; color:#393939}
.listContent h3 a:hover{color:#ac0710;text-decoration:none;}
.listContent p{ line-height:22px;}
.listContent .moreLink{ position:absolute; right:0; bottom:0;font-size:14px; color:#ac0710;}
.listContent .moreLink a:link,.listContent .moreLink a:visited{text-decoration:none; color:#ac0710}
.listContent .moreLink a:hover{color:#393939;text-decoration:none;}

#cateTree{}
#cateTree .treeLogo{ width:100%; text-align:center;}
#cateTrees{}
#cateTrees .treeLogo{ width:100%; text-align:center;}
.cateList {overflow: hidden;}
.cateList ul.tabs1{float:left;list-style:none;margin:0;padding:0; width:303px; }
.cateList ul.tabs1 li{background:#ac0710;float:left;line-height:20px;height: 100px; margin:0 0 -1px;padding:0 5px;position:relative; margin-right:1px;width:20px;}
.cateList ul.tabs1 li a{color:#fff;display:block;font-size:12px; font-style:normal;height: 100px; font-weight:normal;outline:none;padding:0;text-decoration:none;  text-align:center;}
.cateList ul.tabs1 li a:hover{background:#dbdbdb; color:#4c4c4c;}
.cateList ul.tabs1 li.active{color:#4c4c4c; background:#dbdbdb;}
.cateList ul.tabs1 li.active a{color:#4c4c4c; background:#dbdbdb;}
.cateList ul.tabs1 li.active a:hover{color:#4c4c4c; background:#dbdbdb;}


.contentContainer{ line-height:22px; color:#666666;}
.contentContainer h1{ font-size:16px; font-weight:bold; color:#ac0710; line-height:24px; margin-bottom:15px; text-indent:24px;}
.contentContainer img{ float:left; border:#CCC 1px solid; margin:0 25px 25px 0;}
.contentContainer p{ text-indent:24px; margin-bottom:12px;}

#playerContainer{ width:422px; height:322px; float:left;}
#mainImg { width:248px; height:322px; float:right; }

.picContainer { width:702px;}
.picContainer img{ float:left; margin:0 16px 18px 0; border:#ac0710 1px solid;}

#letterContainer { border:#bababa 1px solid; padding:10px 40px; height:280px; overflow:hidden; position:relative;}

#letterContainer .more{width:100px; height:25px; line-height:25px; background:#ac0710; position:absolute; bottom:6px; right:6px; color:#FFF; text-align:center; cursor:pointer;}
.contentContainer .more{width:100px; height:25px; line-height:25px; background:#ac0710;  color:#FFF; text-align:center; cursor:pointer; float: right;}
.contentContainer .more a:link,.contentContainer .more a:visited,.contentContainer .more a:hover{color:#FFF;}
#links{ border-bottom:#000 6px solid;}
#links .container{  height:85px; background-color:#dbdbdb;}

#bottom{height:100px; text-align:right; padding-top:20px; color:#bcbcbc;}
#bottom a:link,#bottom a:visited{color:#bcbcbc; text-decoration:none;}
#bottom a:hover {color:#FFF; text-decoration:none}

.zanzhu a:link,.zanzhu a:visited {color:#4c4c4c;}

.zanzhu a:hover {color:#ac0710}

.newPlayer{width:422px; height:322px; margin:0 auto; }

#marquee{position:relative;width:960px;margin-left:auto;margin-right:auto;overflow:hidden;}
#marquee dl,#marquee dt,#marquee dd,#marquee a{float:left;margin:0;padding:0;}
#marquee dl{width:1000%;height:85px;}

#changeBtn{ width: 100px; height: 25px; line-height: 25px; background-color: #ac0710; text-align: center; color: #fff; margin-top: 20px; float: right;}
#changeBtn a:link ,#changeBtn a:visited{width: 100px; height: 25px; display: block;background-color: #ac0710; color: #fff;}
#changeBtn a:hover {background-color: #e8e8e8; color: #ac0710}

.siteBtn{ width: 100px; height: 25px; line-height: 25px; background-color: #ac0710; text-align: center; color: #fff; margin-top: 20px; }
.siteBtn a:link ,.siteBtn a:visited{width: 100px; height: 25px; display: block;background-color: #ac0710; color: #fff;}
.siteBtn a:hover {background-color: #e8e8e8; color: #ac0710}

.nextBtn{ width: 300px; height: 25px; line-height: 25px; background-color: #ac0710; text-align: center; color: #fff; margin: 20px auto; }
.nextBtn a:link ,.nextBtn a:visited{width: 300px; height: 25px; display: block;background-color: #ac0710; color: #fff;}
.nextBtn a:hover {background-color: #e8e8e8; color: #ac0710}

/******************* Judgments Page **********************/

#leftCol{ border-right:#eeeeee 6px solid;}
#leftCol .introContent{ color:#666666; line-height:22px; min-height: 610px;_height: 640px;}
#leftCol .introContent p{ margin-bottom: 15px;}
#leftCol .introContent h1{ font-size:16px; font-weight:bold; color:#ac0710; line-height:24px; margin-bottom:15px;}
#leftCol .adBlock { margin:20px 0 0 0;}
#rightCol{}

ul.sgallery{ overflow:hidden;list-style: none;}
ul.sgallery li{ height:58px;display: block; margin-bottom:6px;}
ul.sgallery li img{float:left}
ul.sgallery li p{ text-align:left; padding:2px 0 0 10px; line-height:18px; height:56px; width:162px; display:block; float:right; position:relative; cursor:pointer;}
ul.sgallery li a:link,ul.sgallery li a:visited{color:#0a0a0a; text-decoration:none;}
ul.sgallery li a:hover{color:#ac0710; text-decoration:none;}

/******************* Awards list Page **********************/
.acons { padding-bottom:28px;}

h4{ color: #0a0a0a; margin: 12px 0 6px 0; font-size: 12px;}
/******************* option2 **********************/
#idScroller *{margin:0px; padding:0px;}
#idScroller{line-height:20px;background-color:#fff; height:273px; padding-top:10px; margin-top:1px; overflow:hidden;}
#idScroller ul{width:100%; margin:0px 16px;}
#idScroller li{overflow:hidden; list-style:none; height:140px;}
#idScroller li .img{overflow:hidden; height:95px; width:207px; display:block; padding:0;border: 6px solid #ac0710;}
#idScroller li a{font-weight:bold; color:#393939}
#idScroller li a:link,#idScroller li a:visited{text-decoration:none; font-weight:bold; color:#393939}
#idScroller li a:hover{color:#ac0710;text-decoration:none;}

#sino{background-color:#fff; height:283px; margin-top:1px; }
#sino p{line-height:22px; text-indent:24px;}
#sino .more { display:block; width:60px; height:20px; line-height:18px; text-align:center; float:right;background:#ac0710; color:#FFF;}
#sino .more:link,#sino .more:visted{ background:#ac0710; color:#FFF;}
#middleColumn{ margin:0 253px 0 364px;}

#newsList{background-color:#fff; height:283px; margin-top:1px;}
#newsList ul{padding-left:20px; padding-top:5px; background:url(../images/common/rd.jpg) repeat-y 0px 5px;margin-right:15px;}
#newsList ul li{   height:30px; line-height:25px; background:url(../images/common/bg.gif)}
#newsList ul li a{ color:#393939}
#newsList ul li a:link,#newsList ul li a:visited{text-decoration:none; color:#393939}
#newsList ul li a:hover{color:#ac0710;text-decoration:none;}

/******************* User Panel Page **********************/

.menuList{ font-size: 14px;  }
.menuList li{border-bottom: 5px #fff solid; height: 28px; line-height: 28px; text-indent: 35px;}
.menuList li a:link , .menuList li a:active,.menuList li a:visited{color: #666666}
.menuList li a:hover{color: #ac0710}
.icon_home{ background: url(../images/common/Home.png) no-repeat;}
.icon_new{ background: url(../images/common/Paper-pencil.png) no-repeat;}
.icon_edit{ background: url(../images/common/Paper.png) no-repeat;}
.icon_message{ background: url(../images/common/Mail.png) no-repeat;}
.icon_profile{ background: url(../images/common/Person-group.png) no-repeat;}

.match_container{ padding-right: 25px; line-height: 22px;_height:250px; min-height: 250px;}
.match_container .title{ font-size: 14px; font-weight: bold; color: #ac0710; margin-bottom: 20px;}

#divFileProgressContainer{
    
}
#thumbnails{
    border:#ac0710 1px solid;
    min-height: 200px;
    _height:200px;
    padding: 5px;
}
#lsitthumbnails{
    min-height: 200px;
    _height:200px;
}
#macthintro{
    border:#ac0710 0px solid;
    padding: 15px;
    line-height: 20px;
    color: #ac0710;
}
.thumbimg {width: 200px; height: 235px; margin: 4px; position: relative; float: left;  color: #000; text-align: center; border: #ac0710 1px solid;}

.thumbimg .filename{ line-height: 30px; height: 30px;}
.thumbimg .filename a:link,.thumbimg .filename a:visited{color:#0a0a0a; text-decoration:none; }
.thumbimg .filename a:hover{color:#ac0710; text-decoration:none;}
.thumbimg .imgcon{height: 200px;background-color: #000; background-position:center; background-repeat: no-repeat;}
.thumbimg img{vertical-align: middle; }
.delico{ display: block; position: absolute; width: 16px; height: 16px; right: 3px; top: 3px; background-image: url('../images/ico_error_16.png'); cursor: pointer; }


/******************* Rate Page **********************/
.xRate{ color:#ac0710; font-size:12px; position:relative; padding:10px 0; float: left; }
.xRate p {margin:0; padding:0; display:inline; height:30px; overflow:hidden; position:absolute; top:-5px;  margin-left:190px;}
.xRate p span.s {font-size:30px; line-height:36px; float:left;  font-weight:bold; color:#ac0710;}
.xRate p span.g {font-size:22px; display:block; float:left; color:#ac0710;}
.xBig_rate {width:180px; height:18px; text-align:left; position:absolute; top:3px;  display:inline-block; background:url(../images/common/star.gif) left bottom repeat-x;}
.xBig_rate span {display:inline-block; width:18px; height:18px; position:relative; z-index:1000; cursor:pointer; overflow:hidden;}
.xBig_rate_up {width:0px; height:18px; position:absolute; top:0; left:0; background:url(../images/common/star.gif) left top;}
#xMy_rate{ position:absolute; width: 100px; left: -80px; top: 5px;}
#xMy_rate span{color:#ac0710; font-weight:bold;}

#weiboContainer{ width: 410px; height: 30px; float: left;}

.ratecontainer{ padding-top: 10px;}


#workinfoContainer{}
#workinfoContainer .item{border-bottom: #eeeeee 6px solid; line-height: 28px;}
.thumblist li{ width: 95px; margin-right: 10px; float: left; margin-bottom: 5px; line-height: 20px;}
.thumblist .thumbContainer{width: 93px; height: 93px; border: #ac0710 1px solid; text-align: center;}


.pager{margin: 0 auto; line-height: 22px; margin-top:15px; text-align:right;}
.pager a		{ display: block; float: left; }
.pager .nav		{ display: block; float: left; }
.pager .nav a		{ width: 22px; height: 22px; }
.pager .nav a span	{ display: block; font-size: 0%; visibility: hidden; text-indent: -9999px; }
.pager a.first		{ background: url('../images/arrow_leftend_off.png') top left no-repeat; }
.pager a.first:hover	{ background: url('../images/arrow_leftend_ovr.png') top left no-repeat; }
.pager a.previous	{ background: url('../images/arrow_left_off.png') top left no-repeat; }
.pager a.previous:hover	{ background: url('../images/arrow_left_ovr.png') top left no-repeat; }
.pager a.last		{ background: url('../images/arrow_rightend_off.png') top left no-repeat; }
.pager a.last:hover	{ background: url('../images/arrow_rightend_ovr.png') top left no-repeat; }
.pager a.next		{ background: url('../images/arrow_right_off.png') top left no-repeat; }
.pager a.next:hover	{ background: url('../images/arrow_right_ovr.png') top left no-repeat; }
.pager .pages 		{ display: block; float: left; margin: 0px 4px 0px 4px; }
.pager .pages a		{ width: 24px; background: url('../images/bck_black_10.png'); text-align: center; color: #333333; text-decoration: none; }
.pager .pages a:hover	{ background: url('../images/bck_white_50.png'); color: #2c358b; text-decoration: none; }
.pager .pages a.active	{ background: url('../images/page_active.gif'); color: #FFFFFF; text-decoration: none; font-weight: bold; }

.loadmask {
    z-index: 100;
    position: absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity=50);
    background-color: #CCC;
    width: 100%;
    height: 100%;
    zoom: 1;
}
.loadmask-msg {
    z-index: 20001;
    position: absolute;
    top: 0;
    left: 0;
    border:1px solid #6593cf;
    background: #919191;
    padding:2px;
}
.loadmask-msg div {
    padding:5px 10px 5px 25px;
    background: #e5e5e5 url('../images/loading.gif') no-repeat 5px 5px;
    line-height: 16px;
    border:1px solid #545454;
    color:#222;
    font:normal 11px tahoma, arial, helvetica, sans-serif;
    cursor:wait;
}
.masked {
    overflow: hidden !important;
}
.masked-relative {
    position: relative !important;
}
.masked-hidden {
    visibility: hidden !important;
}

#upcontainer{ width:600px; height: 60px;}




