﻿/*html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, form,fieldset,input,textarea,p,blockquote,th,td { padding: 0; margin: 0; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%; } 
a, a:link, a:visited, a:hover, a:active { outline: 0; text-decoration: none; } 

body{background:url(../images/zhongqiu_bg.png) #3c0101 no-repeat top center; font-family:"微软雅黑", Arial, Helvetica, sans-serif; font-size:12px; color:#fff;}
h1{font-size:14px; color:#fff;}
h2{font-size:16px; color:#fff;}
h3{font-size:14px;}

#warp{width:800px; padding:0; margin:0 auto;}

#homelogo{width:250px; margin:200px auto 40px;}
#nav{margin:0; width:788px; padding:26px 6px 10px; height:25px; float:left; background: url(../images/bottomBG.png) no-repeat left bottom;}
#nav a{color:#fff; font-size:12px; width:81px; height:21px; padding-top:4px; text-align:center; float:left; margin-right:1px; _position:relative;}
#nav a:hover{text-decoration:none; color:#dc163c; background:url(../images/now_bg.gif) no-repeat top center;}
#nav a.now{background:url(../images/now_bg.gif) no-repeat top center; color:#dc163c;}

#back{margin:50px 0 0;}
#back a{background: url(../images/backbg.gif); font-size:12px; line-height:150%; padding:2px 11px 0; color:#888;}
#content{background:#; width:790px; border:5px solid #fff; height:100%; float:left;}

.header_top{background: url(../images/fff.gif) repeat-x bottom; height:28px; padding:30px 10px 0;}
.title{width:400px; float:left;}
.title img{margin:0 5px;}
.menu ul{width:320px;}
.menu li{float:left; list-style:none; display:block;}
.menu li a{background:#790604; float:left; font-size:12px; height:20px; line-height:150%; margin-right:4px; color:#fff; padding:1px 15px; border-left:1px solid #fc0007; border-right:1px solid #fc0007; border-top:1px solid #fc0007; border-bottom:1px solid #fc0007;}
.menu li a:hover{text-decoration:none; background:#a42a2c; border:1px solid #a42a2c;}
.menu li a.now{background:#840204; border-left:1px solid #fff; border-right:1px solid #fff; border-top:1px solid #fff; border-bottom:1px solid #840204; padding:3px 15px; }

.center_cnt{background:#840204; width:790px; float:left;}
.mod{width:730px; margin:30px!important; _margin:30px 15px; height:100%; float:left; position:relative;}
.modtitle{padding:0 0 10px;}
.modleft{width:360px; float:left; background:#fff;}
.modright{width:340px; padding:15px; height:254px; background:#fff; float:left}
.modright p{text-align:justify; line-height:180%; color:#666; font-size:12px;}
.modright p a{color:#dc163c;}
.modright p span{background:#fcdeac; padding:1px 4px;}
.modright p b{color:#dc163c;}

/*------ 新闻中心 ------*/
.modleft_new{background:#fff; width:250px; height:214px; padding:10px; float:left;}
.modleft_new li{ list-style:none; background: url(../images/clean_009.gif) no-repeat left; padding-left:15px;}
.modleft_new li a{ color:#333; font-size:12px; line-height:180%;}
.modleft_new li a:hover{color:#dc163c;}
.modright_new{background:#aaa; width:460px; float:left;}
.pageno{ text-align:center; margin-top:16px;}
.pageno a{color:#888; border:1px solid #888; padding:0px 5px; font-size:10px; line-height:100%;}
.pageno a:hover{color:#333; border:1px solid #333;}
.pageno a.hover{color:#333; background:#ccc; border:1px solid #333;}
.modcnt_new{background:#fff; padding:10px;}
.modcnt_new h3{color:#000; font-weight:bold; font-size:14px; text-align:center}
.modcnt_new h4{color:#888; font-size:12px; text-align:center}
.modcnt_new p{text-indent: 2em; color:#333; padding:5px 0; line-height:160%; text-align:justify;}
.modcnt_new img{text-align:center}

/*------ SOHO之星 ------*/
.modleft_star{background:#fff; width:460px; height:100%; padding:10px; float:left;}
.modleft_star li{color:#333; list-style:none; font-size:12px; float:left; margin:6px!important; _margin:5px; width:80px; height:100px;}
.modright_star{background: url(../images/bg_star.gif) #ff0000 repeat-y; width:240px; height:100%; padding:5px 4px 5px 6px; float:left;}
.modright_star img{margin:5px 0;}
.modright_star a{color:#000;}
.modright_star a:hover{color:#fff;}
 
#footer{width:800px; float:left; margin-top:10px; padding:10px 0 0; text-align:center; color:#ccc; font-size:11px;}
.songplay{margin:0; text-indent:-888; position:relative;}
.songplay span a{color:#ff8c00; display:block; width:0px; height:0px; position:relative; text-indent:-8888px; float:left;}
#foot{float:left; padding:5px; color:#6a6862; background:none;}
#foot #uleft{width:490px; float:left;}
#foot #uleft a{color:#6a6862;}
#foot #uleft a:hover{color:#6a6862;}
#foot p{float:right; width:300px;}
/* home nav */
#fancymenu {
	position: relative;
	height: 29px;
	width: 790px;
	padding: 15px;
	margin-top:-10px;
	overflow: hidden;
	margin:0 auto;
}

#pictureselect {
	position: relative;
	height: 1%; /* ie bug */
}

#fancymenu ul, #pictureselect {
	padding: 0;
	margin: 0;
}

/* Don't apply padding here (offsetWidth will differ in IE)
    If you need padding add it to the child anchor */
#fancymenu ul li, #pictureselect li {
	float: left;
	list-style: none;
}

#fancymenu ul li a, #pictureselect li a  {
	text-indent: -500em;
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
}

#pictureselect li {
	height: 40px;
}

#pictureselect li a {
	height: 40px;
	width: 62px;
}

#menu_home a {
	width: 95px;
	background: url('../images/menu_home.gif') no-repeat center;
}

#menu_city a {
	width: 95px;
	background: url('../images/menu_city.gif') no-repeat center;
}

#menu_news a {
	width: 95px;
	background: url('../images/menu_news.gif') no-repeat center;
}

#menu_media a {
	width: 95px;
	background: url('../images/menu_media.gif') no-repeat center;
}

#menu_star a {
	width: 95px;
	background: url('../images/menu_star.gif') no-repeat center;
}

#menu_bbs a {
	width: 95px;
	background: url('../images/menu_bbs.gif') no-repeat center;
}

#menu_card a {
	width: 95px;
	background: url('../images/menu_card.gif') no-repeat center;
}

#menu_cooperation a {
	width: 95px;
	background: url('../images/menu_cooperation.gif') no-repeat center;
}
#fancymenu li.background {
	/*background: url('../images/bg_menu_right.png') no-repeat top right !important;*/
	background: url('../images/bg_menu_right.gif') no-repeat top right;
	z-index: 8;
	position: absolute;
	visibility: hidden;
}

#fancymenu .background .left {
	/*background: url('../images/bg_menu.png') no-repeat top left !important;*/
	background: url('../images/bg_menu.gif') no-repeat top left;
	height: 30px;
	margin-right: 9px; /* 7px is the width of the rounded shape */
}

/* sliderContent
----------------------------------*/
#sliderContent { width:699px; height:338px; padding:10px 10px 0px;  background-color:none; display:block; }
.viewer { width:670px; height:300px; margin:0 auto 10px; padding:1px; overflow:hidden; position:relative; }
.content-conveyor { width:610px; height:300px; position:relative; background:none;}
.item { width:216px; float:left; font-family:Tahoma; text-align:center; background-color:none;}
.item h2 { font-size:100%; margin:10px 0;  font-size:12px; color:#fff; }
.item dl { margin:10px 0; }
.item dt { float:left; width:60px; text-align:right; margin:0; font-size:12px;color:#000; }
.item dd { float:left; width:120px; text-align:right; margin:0; font-size:12px; color:#000; }
.item dt { font-weight:bold; margin-right:5px; }
.item dd { text-align:left; }

/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #790000; background: #000 url() repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url() repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url() 50% 50% repeat-x; font-weight: normal; color: #555555; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999; background: #dadada url(ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url() 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; outline: none; text-decoration: none; }
/* Slider
----------------------------------*/
.ui-slider {text-align: left; position:relative;}
.ui-slider .ui-slider-handle {width:32px; height: 32px; cursor: pointer; background:url(../images/icon_03.png) no-repeat; position:absolute; border:0;}

.ui-slider-horizontal { height:20px; }
.ui-slider-horizontal .ui-slider-handle { top: -.4em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; filter: alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs
----------------------------------*/

#imageFlow {
	position: absolute;
	width:730px;
	height:100%;
	left:0;
	top: 10%;
	background: #000;
}
#imageFlow .diapo {
	position: absolute;
	left: -1000px;
	cursor: pointer;
	-ms-interpolation-mode: nearest-neighbor;
}
#imageFlow .link {
	border: dotted #fff 1px;
	margin-left: -1px;
	margin-bottom: -1px;
}
#imageFlow .bank {
	visibility: hidden;
}
#imageFlow .top {
	position: absolute;
	width: 100%;
	height: 40%;
	background: #181818;
}
#imageFlow .text {
	position: absolute;
	left: 0px;
	width: 100%;
	bottom: 16%;
	text-align: center;
	color: #FFF;
	font-family: verdana, arial, Helvetica, sans-serif;
	z-index: 1000;
}
#imageFlow .title {
	font-size: 0.9em;
	font-weight: bold;
}
#imageFlow .legend {
	font-size: 0.8em;
}
#imageFlow .scrollbar {
	position: absolute;
	left: 10%;
	bottom: 10%;
	width: 80%;
	height: 16px;
	z-index: 1000;
}
#imageFlow .track {
	position: absolute;
	left: 1%;
	width: 98%;
	height: 16px;
	filter: alpha(opacity=30);
	opacity: 0.3;
}
#imageFlow .arrow-left {
	position: absolute;
}
#imageFlow .arrow-right {
	position: absolute;
	right: 0px;
}
#imageFlow .bar {
	position: absolute;
	height: 16px;
	left: 25px;
}
