﻿/*
Template Name: Hongyantang
Template URI: http://www.duanyi.net.cn/
Description: Template for Hongyantang
Version: 1.0
Author: Combie
Author URI: http://www.duanyi.net.cn
Logo filename: logo.gif
*/

@import url(css/layout.css); /*布局*/
@import url(css/component.css); /*模块部分*/

/*  ==================== 全局通用部分 ====================  */
* html {
  filter:expression(document.execCommand("BackgroundImageCache", false, true));
}
body,p,td,th,input,select,textarea {
  font: normal normal 12px Arial;
  margin: 0;  padding: 0;
}

*body {background:#eaeaea url(images/bg_btm.jpg) bottom right no-repeat; padding:0; margin:0;}
#top {width:985px; margin:0 auto;}
#logo {width:975px; background:url(images/99.swf top left no-repeat; margin:0 auto; height:158px;}
#nav {background:url(images/nav_bg.gif) repeat-x; line-height:36px; margin:158px 0 0 20px; }
#navl {background:url(images/nav_l.gif) top left no-repeat;}
#navr {background:url(images/nav_r.gif) top right no-repeat; padding:0 5px 0 22px;}
#nav ul { height:36px;}
#nav #currentPage { float: left; }
#nav #currentPage a { font-size: 14px; color: #FFF; float: left; text-decoration:underline;}
#nav li { height:33px; float: left; padding-right: 18px;}
#nav li a { overflow: hidden; float: left; color:#ccc; text-decoration:none; font-size:14px; line-height:36px;}
#nav a:active {color:#ccc;}
#nav a:hover {color:white; text-decoration:underline;}
#nav a:visited {color:#ccc;}
h3 { color: #FF9900}
#shadleft {background:url(images/shadl.gif) top left repeat-y;}
#shadright {background:url(images/shadr.gif) top right repeat-y;}
#topshad {background:url(images/topshadm.gif) repeat-x;}
#topshadl {background:url(images/topshadl.gif) no-repeat;}
#topshadr {background:url(images/topshadr.gif) top right no-repeat; height:17px;}
#botshad {background:url(images/botshadm.gif) repeat-x;}
#botshadl {background:url(images/botshadl.gif) no-repeat;}
#botshadr {background:url(images/botshadr.gif) top right no-repeat; height:17px;}

.grayblk {background:#eaeaea url(images/grayblk_top.gif) top left no-repeat;}
.grayblk_btm {background:url(images/grayblk_btm.gif) bottom left no-repeat; }

.greenblk {background:#e0efdb url(images/grenblk_top.gif) top left no-repeat; margin-bottom:5px;}
.greenblk_btm {background:url(images/grenblk_btm.gif) bottom left no-repeat; }

.gr1 {background:#e7f7e3 url(images/gr1.gif) top left no-repeat;}
.gr2 {background:url(images/gr2.gif) top right no-repeat;}
.gr3 {background:url(images/gr3.gif) bottom right no-repeat;}
.gr4 {background:url(images/gr4.gif) bottom left no-repeat;}

#globalHot {
	margin-bottom:5px;
	height:200px;
	overflow:hidden;
	background-color: #f6f7e3;
	background-image: url(images/hot_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#hot_r {background:url(images/hot_r.gif) top right no-repeat; margin-left:30px;}
#globalNew {
	margin-bottom:5px;
	height:366px;
	overflow:hidden;
	padding-left:30px;
	background-color: #f6f7e3;
	background-image: url(images/new_bg.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#new_r {background:url(images/new_r.gif) top right no-repeat; margin-left:30px;}
#globalBest {background:#f6f7e3 url(images/best_bg.gif) top left no-repeat; margin-bottom:5px; height:200px; overflow:hidden;}
#best_r {background:url(images/best_r.gif) top right no-repeat; margin-left:30px;}
#promotionVideo {margin-bottom:5px;}

ul,ol,dl,dt,dd,form {
  margin: 0;  padding: 0;
}
ul,ol {
  list-style: none;
}
h1,h2,h3,h4,h5,h6 {
  font-size: 12px;
  margin: 0;  padding: 0;
}
img {
  border: 0;
}
textarea {
  padding: 3px;
  border: 1px solid #999;
}
a:link,a:visited {
  color: #333;
  text-decoration: none;
}
a:hover,a:active {
  text-decoration: underline;
}
.vAlign {
  vertical-align: middle;
}
.linkSkyblue a {
  color: #5fb0dc;
}
.listStyle {
  padding: 10px;
}
.listStyle a,
.listStyle a:visited {
  color: #666;
}
.listStyle li {
  color: #5fb0dc;
  background: url(images/icon_list_arrow01.gif) no-repeat left 3px;
  width: 90%;
  padding-left: 12px;    margin-bottom: 3px;
}
.listStyle .fRight {
  color: #999;
  float: right;
}
#rss {
  text-align: center;
  margin: -20px 0 20px 0;
}
.textDesc {
  color: #999;
}
.textStrong {
  color: #f60;
}
.textTime {
  font: 10px Arial;
  color: #999;
  margin-left: 5px;
}
.btnBlue {
  display: block;
  background: url(images/btn_blue_l.gif) no-repeat left center;
  float: left;
  padding-left: 1px;    margin-right: 3px;
}
.btnBlue a {
  line-height: 17px;
  color: #0b54ab;
  background: url(images/btn_blue_r.gif) no-repeat right center;
  float: left;
  padding: 2px 10px;
}
.msgNocice {
  background: #f1fafd url(images/icon_notice.gif) no-repeat 10px center;
  padding: 10px 5px 10px 40px;    margin: 10px 5px;
  border: 1px solid #a5d2eb;
}
#loader {
  background-color: #ffc;
  border: 1px solid #cc0;
  position: fixed;
  color: #CC0000;
  z-index: 1000;
  left: 0px;
  bottom: 0px;
  padding: 5px 15px;
  /*display: none;*/
  filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=.65);
  opacity: 0.65;
}
* html #loader {
  position: absolute;
}
.watermark_small {
  display: block;
  text-indent: -9999px;
  width: 31px;    height: 15px;
  margin-right: 3px;
  float: left;
}
.watermark_promote_small {
  background: url(images/watermark_promote_small.gif) no-repeat;
}
.watermark_new_small {
  background: url(images/watermark_new_small.gif) no-repeat;
}
.watermark_best_small {
  background: url(images/watermark_best_small.gif) no-repeat;
}
.watermark_hot_small {
  background: url(images/watermark_hot_small.gif) no-repeat;
}#container #shadleft #shadright #globalMiddle #globalBest #best_r .itemGrid .item .btnList a {
	color: #0b54ab;
}
#container #shadleft #shadright #globalMiddle .gr1 .gr2 .gr3 .gr4 #globalNew .itemGrid .item .btnList a {
	color: #0b54ab;
}
#container #shadleft #shadright #globalMiddle #globalHot #hot_r .itemGrid .item .btnList a {
	color: #0b54ab;
}
#container #shadleft #shadright #globalBigRight #globalMiddle .itemList .item .itemListInfo .btnList a {
	color: #0b54ab;
}
