#main { background: #f1f1f1;}
.blank10{ height:10px; overflow:hidden;}
.clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.wrapper { width: 1200px; margin: 0 auto; text-align: left; overflow: hidden; position: relative; }
#banner {position: relative;height: 355px;}
#banner .title { height: 315px; overflow: hidden; }
/*position*/
.position { height: 36px;line-height: 36px; padding: 0px 0 3px 55px;color: #fff; background: url(dhbg.png) center bottom no-repeat }
.position a { color: #fff; }
.position a:hover { color: #3F6; text-decoration: none }
/*subnav*/
#subnav { padding: 20px; }
#subnav h3 { float: left; width: 240px; color: #333; font-weight: bold; font-size: 14px; line-height: 32px; overflow: hidden }
#subnav h3 .mini { color: #999; font-weight: normal; line-height: 32px; font-size: 12px; }
#subnav ul { float: left; width: 750px; }
#subnav ul li { float: left; padding: 8px 15px; }
#subnav ul li a { display: block; border-radius:6px; width: auto; padding:0 10px; height: 33px; line-height:33px; text-align: center; color: #090 }
#subnav ul li a:hover, #subnav ul li.on a { background:#090; color: #fff; text-decoration: none }
#subnav ul li a:hover { background:#62c214; }
/* mainbody */
#mainbody { margin: 0px auto; text-align: center; background: #fff;; border: none; overflow: hidden; width:1200px;padding-top:0px;}
#mainbody h2 { font-weight: normal; font-size: 22px; line-height: 28px; padding: 10px 0; text-shadow: 1px 1px 0px #fff !important; }
#mainbody h4 { line-height: 25px; }
.info, .info small { font-size: 12px; color: #39c; }
.info { padding: 20px 0 30px; }
.info small { padding: 10px 0 10px 40px; background: url(info.png) no-repeat; }
small.date { background-position: 16px 4px; }
small.writer { background-position: 16px -26px; }
small.tag { background-position: 16px -56px; }
small.comment { background-position: 16px -86px; }
.content .note { color: #999; font-size: 12px; padding: 20px 10px;}
#mainbody .content { text-align: left; padding: 10px 0; position: relative; font-size: 14px; line-height: 25px;background:#FFFFFF;}
#mainbody .content .list { height: auto !important; height: 450px; min-height: 450px; }
#mainbody .article { padding: 10px 25px; }
#proinfo { text-align: left; height: 30px; color: #fff; font-weight: bold; font-size: 14px; line-height: 30px; background: url(../images/h5.gif) left top no-repeat; border-top: 1px solid #89a39f }
#proinfo span { padding-left: 15px; }

/* pro_index */
#mainbody.pro_index, #mainbody.artlist { margin-top: 0; }
.pro_index { width: 930px; padding: 0; }
.pro_index .info { margin: 20px; background: #fff; color: #333; text-indent: 2em;  border: 1px solid #ccc; }
.pro_index .content, .artlist .content { padding-bottom: 20px; float: right; width: 1000px; }
.pro_index a img, .artlist a img { padding: 5px; background: #fff; width: 160px; height: 120px; border: 1px solid #999; }
.pro_index a:hover img, .artlist a:hover img { border: 2px solid #09C; padding: 4px; }
/* 普通列表样式 */
.pro_index h3 { padding: 35px 10px 10px; }
.pro_index h3 .title { float: left; display: block; width: auto;  color: #666; background: url(proshow.png) -225px 0 no-repeat;font-size:18px;padding-left:40px;}
.pro_index h3 .msg { float: left; margin-left: 15px; padding: 0 10px; border: 1px solid #ccc; background: #afee93; font-size: 12px; font-weight: normal; font-family: "宋体" }
.pro_index .targetbar { float: right; width: 180px; font-size: 12px; color: #fff; padding-left: 10px; font-weight: normal; background: url(proshow.png) 0 -92px no-repeat; position: relative; }
.pro_index .cl { display: inline-block; width: 15px; height: 15px; padding-top: 5px; background: url(proshow.png); position: absolute; top: 6px; }
#layoutH, #layoutH.on:hover { right: 60px; background-position: -87px -165px; }
#layoutH.on { background-position: -87px -136px; }
#layoutV, #layoutV.on:hover { right: 40px; background-position: -108px -165px; }
#layoutV.on { background-position: -108px -136px; }
.layout { padding: 20px; text-align: left; }
.layout li { float: none; padding: 25px 15px; overflow: hidden; zoom: 1; position: relative; background: url(line2.png) center top no-repeat; _background: url(../images/line2.gif) center top no-repeat; }
.layout li b { color: #069 }
.layout li span { padding: 0 0px 0 -10px; background: url(info.png) no-repeat;font-weight:bold;}
.layout li:hover {}
.layout li p { font-size: 12px; color: #666666; }
.layout li img { float: left;margin-right:38px; }
.layout .class { background-position: 0 -2px; }
.layout .name { background-position: 0 -65px; }
.layout .click { background-position: 0 -95px; }
.layout .intro { background: url(proshow.png) no-repeat -50px -229px; _background: url(proshow.png) no-repeat -218px -229px;font-size:12px;}
.layout .more { display: block; width: 120px; height: 30px; position: absolute; right: 10px; bottom: 10px }
.layout .more a { display: block; text-align: center; width: 120px; height: 23px; color: #fff; line-height: 23px; padding-bottom: 5px; background: url(go.png) 0 2px no-repeat; }
.layout .more a:hover { height: 23px; line-height: 23px; padding-bottom: 6px; color: #063; text-decoration: none; background-position: 0 -30px }
/* artlist */
.artlist .list li .title { padding-bottom: 10px;}
.artlist .list li:hover { background-color: #f8f8f8 }
.artlist .list span { font-size: 12px; color: #06c; }
.artlist .list strong { padding-right: 15px; }
.artlist .list strong a { font-size: 14px; font-weight: normal }
.artlist .list p span { padding-left: 10px; background: none; }
.artlist .list b { display: none; }

.artlist .list a img{*position:relative;top:-50%;left:-50%;max-width:140px;min-width:120px;max-height:100px;width:expression(this.width > 140 ? "140px" : this.width); }
.artlist .list p span a { color: #06c }
.artlist .list p span a:hover { color: #39f }

.list .time { background-position: 0 -6px }
/* 网格列表样式 */
.newview { padding: 15px; }
.newview li { float: left; clear: none; width: 212px; height: 250px; padding: 15px 14px; text-align: center; }
.newview li { background-image: none }
.newview li span { background: none; padding: 0; }
.newview li .img a{width:300px;}
.newview li img { float: none; display: block; margin: 0; width: 200px; height: 200px; }
.newview li .intro, .newview b, .newview .more { display: none; }
.newview .click { background: url(../images/click.png) left no-repeat; color: #fff; font-size: 12px; display: block; position: absolute; text-align: center; right: 0; top: 0; width: 50px; padding-left: 10px; }
.newview li .proname { padding: 5px 0 }
.newview .class { font-weight: bold; background: url(proshow.png) right -92px no-repeat; padding-right: 8px; }
.newview .class a { color: #069; }
/* new icon added 2014-5-17 */
.layout .preview { diplay:block; float:left; position:relative; margin: 0 20px 5px 0; }
.layout .preview .new { display:block; width:100px; height:100px; position:absolute; right:5px; top:5px; background:url(../images/new.png) right top no-repeat; }
/*视频列表样式*/
.videolist li .img { position: relative; }
.videolist .play { padding: 0; display: block; left: 0; top: 0; background: url(../images/play.png) 45px 25px no-repeat; position: absolute; width: 150px; height: 110px; cursor: pointer }
.videolist a:hover .play { background-position: 45px -336px; }
.videolist a:active .play { background-position: 45px -693px; }
/* sidernav */
.sidernav { float:left; width: 200px; padding-top: 0px;border-bottom:8px solid #e44827;}
.sidernav .tit { height:60px; padding:8px 0 8px 25px; background:#e44827; color:#fff; overflow:hidden;font-size:16px;}
.sidernav .tit span { line-height:36px; font-size:24px; text-transform:uppercase;}
.sidernav .tit h3 { line-height:24px; font-size:16px;}
.sidernav li { padding: 0px 0;background: url(sidernavli.jpg) left 0 no-repeat; }
.sidernav a { display: block; width: 200px; height: 36px; line-height: 36px; text-align: center; color: #333; text-shadow: 0px 1px 0px #fff; }
.sidernav a:hover { background:#e44827; text-decoration: none; color:#fff;}
.dycontent{margin:0;float:right;padding:20px;border-left:1px solid #e8e8e8;width:959px;font-size:14px;line-height:28px;text-align:left;height: auto !important; height: 450px; min-height: 450px; }
.dcontent{text-align:center;font-size:14px;line-height:28px;}
/* prenext */
#prenext { width: 100%; padding: 20px 10px; text-align: left; clear: both; font-size: 14px;}
#prenext li { padding: 5px 0; }
#prenext li a { text-decoration: underline; color: #06C }
#prenext li a:hover { color: #09C; text-decoration: none }
/* likearc */
.tabs { text-align: left; margin-top: 20px; overflow: hidden; color: #fff; }
.tabs dt, h3.tabs { background: url(tab.gif) bottom repeat-x; }
.tabs dt span, h3.tabs span { display: block; float: left; width: 93px; font-weight: normal; padding-right: 10px; height: 36px; font-size: 14px; line-height: 36px; text-align: center; cursor: pointer; background: url(tab.gif) no-repeat; text-shadow: 0px 1px 0px #fff !important; }
h3.tabs span { text-shadow: 0px 1px 0px #666 !important; }
.tabs dt .on { background-position: left top; color: #fff; text-shadow: 0px 1px 0px #666 !important; }
.tabs dt span { background-position: left center; color: #666; }
.tabs ul li { float: left; width: 45%; background: url(../images/dot.gif) 15px center no-repeat; padding: 3px 0 }
#likepro { width: 940px;padding-top:20px;}
#likepro ul li { width: 20%; }
.tabs ul li a { padding-left: 25px; color: #069; font-size: 14px; line-height: 25px; }
.tabs ul li a:hover { color: #999; }
/*introduction*/
/* table */
.protable { width: 100%; border: none; border-bottom: 2px solid #00679a; }
.protable th { background: #00679a; color: #fff; text-align: center; border-right: 1px solid #0480bd; padding: 5px 0 }
.protable td { text-align: center; font-size: 14px; line-height: 35px; border: 1px solid #7bcaeb }
.protable .light td { background: #badeed }
.protable .light .name { background: none }
/* focus */
.focus { float: left; width: 400px; }
a.cloud-zoom-gallery:hover { display: inline-block }
.introduction { float: right; width: 540px; }
.introduction h2{text-align:left;font-weight: normal; font-size: 22px; line-height: 28px; padding: 10px 0; text-shadow: 1px 1px 0px #fff !important; }
.introduction .commend, .introduction .content, .introduction .date { float:left; width:100%; overflow: hidden; line-height: 30px; height: 30px; font-size: 14px; color: #09c }
.introduction .date, .introduction .commend { padding: 10px 0; width: 220px; }
.introduction strong { color: #333; }
.introduction .content { height:auto; color: #333; }
.introduction ul li { padding:5px 0 5px 15px; line-height:26px; background: url(../images/dot.png) 3px 15px no-repeat }
.commend strong { float: left; display: block; width: auto; }
.commend .star { float: left; width: 120px; height: 30px; background: url(../images/star.png) left 2px repeat-x; }
.commend .star div { float: left; height: 30px; background: url(../images/star.png) left -31px repeat-x; }
.star .star20 { width: 40%; }
.star .star25 { width: 50%; }
.star .star30 { width: 60%; }
.star .star35 { width: 70%; }
.star .star40 { width: 80%; }
.star .star45 { width: 90%; }
.star .star50 { width: 100%; }
.price { font-size:14px; margin-top:10px;line-height:26px;text-align:left;}
.price .num {font-size: 28px;color:#38beef;font-weight: bold;}
/* pagelist */
#pagelist { text-align: center; padding-bottom: 20px; }
#pagelist a, #pagelist span { line-height: 20px; padding: 7px 15px; font-size: 12px; background: url(../images/pagelist.png) center -46px no-repeat; }
#pagelist .a1 { padding: 7px 25px; background-position: center -123px; }
#pagelist a:hover, #pagelist span { text-decoration: none; background-position: center -7px; color: #fff; }
#pagelist span { font-weight: bold; }
#pagelist .a1:hover { text-decoration: none; background-position: center -85px; }
/* page */
#page #mainbody { padding:10px; }
#page .content { padding: 30px }
#page .content p { text-indent: 0 }
/* anti-counterfeiting-statement */
h3.anti, h3.anti span { background-image: url(important-tab.gif) }
/*文章分页样式*/
#fenye{clear:both; margin:10px 20px 0 0;}
#fenye a{text-decoration:none; display:inline;border-radius: 3px;line-height:25px;color:#333333;}
#fenye .prev,#fenye .next{width:52px; text-align:center;  line-height:25px;color:#333333;}
#fenye a.curr{width:22px;background:#e44827; border:1px solid #e44827; color:#fff; font-weight:bold; text-align:center;}
#fenye a.curr:visited {color:#333;}
#fenye a{color:#333333;background:#fff; margin:0px 5px; border:1px solid #dcdddd; float:left; text-align:center;height:22px;line-height:22px}
#fenye a.num{width:22px;}
#fenye a:visited{color:#1f3a87;} 
#fenye a:hover{ float:left;color:#ff0000;}
#fenye span{line-height:30px; font-size:13px; height:30px;}

/*文章正文分页样式*/
#pageNext{ margin:10px;}
#pageNext .prev,#pageNext .next{text-align:center;}
#pageNext a.curr{background:#1f3a87; border:1px solid #dcdddd; color:#fff; font-weight:bold;}
#pageNext a{margin:5px 0px; color:#1E50A2;background:#fff; padding:3px 7px; border:1px solid #dcdddd;height:22px;line-height:22px}

.navigation{width:983px;margin:10px auto; clear:both;height:22px;line-height:22px;color:#999;background:url(ask_points.gif) no-repeat left -1356px;padding-left:15px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.navigation span{ float:right;}
.navigation dt#KeyWord{ height:25px; line-height:25px;}
.navigation a{color:#999;}
.navigation a:hover{color:red;text-decoration:none;}