﻿body { font-family: "宋体"; font-size: 12px; margin: 0; padding: 0; color: #555555; }
div, ul, li, h1, h2, h3, h4, h5, h6, img, p, dl, dt, dd, ol, th, td { margin: 0px; padding: 0px; }
li { list-style-type: none; }
form, input, button, option, textarea, select { margin: 0px; padding: 0px; }
input, button, textarea, select { font: 100% Tahoma,Helvetica,Arial,sans-serif; }
a { text-decoration: none; outline: none; }
a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
table { font-size: inherit; font: 100%; }
th { font-weight: normal; }
img { border: 0; }
h3 { font-size: 14px; font-weight: bold; }
h4 { font-size: 12px; }
.clear { clear: both; height: 0px; overflow: hidden; }
.hidden { display: none; }
.section { width: 100%; clear: both; }
.text50 { width: 50px; }
.text60 { width: 60px; }
.text70 { width: 70px; }
.text80 { width: 80px; }
.text90 { width: 90px; }
.text100 { width: 100px; }
.text150 { width: 150px; }
.text200 { width: 200px; }
.text300 { width: 300px; }
.text500 { width: 500px; }
.red { color: #ff0000; }
.white { color: #ffffff; }
.gray { color: #9e9e9e; }
/*	form style  */
.font9 { font-size: 9pt; }
.font10 { font-size: 10px; }
.font11 { font-size: 11px; }
.font12 { font-size: 12px; }
.font13 { font-size: 13px; }
.font14 { font-size: 14px; }
.font15 { font-size: 15pt; }
.font16 { font-size: 16px; }
.font17 { font-size: 17px; }
.font18 { font-size: 18px; }
.font19 { font-size: 19px; }
.font20 { font-size: 20px; }
.text500 { width: 500px; }
.text400 { width: 400px; }
.text350 { width: 350px; }
.text300 { width: 300px; }
.text250 { width: 250px; }
.text200 { width: 200px; }
.text150 { width: 150px; }
.text140 { width: 140px; }
.text100 { width: 100px; }
.text80 { width: 80px; }
.text50 { width: 50px; }
.text40 { width: 40px; }
.text30 { width: 30px; }
.textarea { width: 97%; }
.yahei { font-family: "微软雅黑"; }
.heiti { font-family: "黑体"; }
.kaiti { font-family: "楷体"; }
.hidden { display: none; }
.block { display: block; }
.inline { display: table-cell !important; display: inline; }
.noborder { border: 0; }
.bold { font-weight: bold; }
.red { color: Red; }
.blue { color: Blue; }
.white { color: White; }
.black { color: #333333; }
.green { color: #009900; }
.graybg { background-color: #eeeeee; }
.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }
.clear { clear: both; height: 0px; overflow: hidden; }
.strickout { text-decoration: line-through; }
.newicon0 { }
.newicon1 { width: 21px; height: 9px; background: url(images/new.gif) no-repeat; }
.hoticon0 { }
.hoticon1 { width: 21px; height: 9px; background: url(images/hot.jpg) no-repeat; }
.img16 { width: 16px; height: 16px; }
.img20 { width: 20px; height: 20px; }
.img32 { width: 32px; height: 32px; }
.img48 { width: 48px; height: 48px; }

.checkcolumn { width: 30px; text-align: center; }
.commentstatu0 { color: Red; }
.commentstatu1 { color: Green; }
.commenttitle { font-weight: bold; }
.uploadbutton, .button, .dialogselectbutton { padding: 0px 5px; height: 22px; cursor: pointer; border: 1px solid #6699CC; }
.uploadtext { width: 100px; height: 18px; }
.uploadfile { width: 150px; height: 22px; }
.uploadoption { width: 80px; vertical-align: top; }
.dialogselecttext { width: 200px; }
.pager { height: 23px; float: right; padding-right: 10px; width: 320px; }
.line { border-bottom: 1px dashed #ccc; }

/* tool tip */
.validtip, .hvalidtip, .tvalidtip { z-index: 100; position: absolute; overflow: hidden; text-indent: 15px; font-size: 12px; border: none !important; }
.validtip { background: url(images/tooltip.png) no-repeat left top; line-height: 27px; width: 120px; height: 27px;  }
.hvalidtip { background: url(images/tooltop-1.png) no-repeat left top; line-height: 40px; width: 200px; height: 40px;bottom:-35px;right:15px;text-align:center;  }
.tvalidtip { background: url(images/ttooltip.png) no-repeat left top; padding-top: 8px; width: 220px; height: 40px; top: -34px; left: 0px; text-align: center; }

/*slides*/
.slides { width: 100%;  overflow: hidden; }
.slides .inner { width: 100%; height: 320px; position: relative; overflow: hidden; }
.slides .inner img { vertical-align: top;width:100%; }
.slides .inner ul { width: 1000%; position: absolute; list-style: none; left: 0; top: 0; }
.slides .inner li { float: left; }
.slides .inner ol { position: absolute; height: 25px; left: 20px; bottom: 20px; text-align: center; padding: 5px; }
.slides .inner ol li { display: inline-block; width: 25px; height: 25px; line-height: 25px; color: #fff; background-color: #5a8cc7; border: solid 1px #fff; margin: 5px; cursor: pointer; }
.slides .inner ol .current { background-color: #ff0125; }
.slides .inner .arrow { display: none; }
.slides .inner .arrow span { width: 40px; height: 40px; position: absolute; left: 5px; top: 50%; margin-top: -20px; background: #fff; cursor: pointer; line-height: 40px; text-align: center; font-weight: bold; font-family: '黑体'; font-size: 30px; color: #000; opacity: 0.5; border: 1px solid #fff; }
.slides .inner .arrow .arrowright { right: 5px; left: auto; }

/* img_dialog */
#img_dialog { display: none; }
#img_dialog .mask { background: #000; opacity: .8; filter: alpha(opacity=80); position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#img_dialog .lightBoxContent { width: 800px; height: 530px; position: absolute; left: 50%; top: 50%; background: #fff; margin: -265px 0 0 -400px; }
#img_dialog #imgLoader { width: 32px; height: 32px; position: absolute; left: 50%; top: 50%; margin: -16px 0 0 -16px; display: none; }
#img_dialog #imgLight { width: 800px; height: 530px; -webkit-animation: change 1s; animation: change 1s; }
#img_dialog .btn { width: 40px; height: 50px; position: absolute; top: 50%; margin-top: -25px; cursor: pointer; }
#img_dialog .lightBoxSprite { background-image: url(images/imgIcons.png); background-repeat: no-repeat; }
#img_dialog #lightBoxPrev { left: 10px; background-position: 2px center; }
#img_dialog #lightBoxNext { right: 10px; background-position: -42px center; }
#img_dialog .closeBtn { width: 35px; height: 35px; background-position: -100px center; position: absolute; top: 15px; right: 15px; cursor: pointer; }
#img_dialog .lightBoxPagination { position: absolute; left: 0; bottom: 50px; width: 100%; text-align: center; }
#img_dialog .lightBoxPagination span { display: inline-block; width: 10px; height: 10px; border: 1px solid #fff; -webkit-border-radius: 50%; border-radius: 50%; margin-right: 8px; }
#img_dialog .lightBoxPagination span.current { background: #fff; }
