@charset "utf-8";



/* CSS Document */



.zoom-section {

  clear: both;

  margin-top: 20px;

}



*html .zoom-section {

  display: inline;

  clear: both;

}



.zoom-desc {

  float: left;

  margin-left: 10px;

  width: 310px;

  margin-bottom: 20px;

}



.zoom-small-image {

  border: 1px solid #CCC;

  float: left;

  margin-bottom: 20px;

}



.zoom-tiny-image {

  border: 1px solid #CCC;

  margin: 0px;

}



.zoom-tiny-image:hover {

  border: 1px solid #C00;

}



.prohead {

  overflow: hidden

}



.prohead .hleft {

  width: 402px;

  float: left

}



.prohead .hleft .proimg {

  width: 400px;

  height: 400px;

}



.prohead .hleft .proimg img {

  width: 400px;

  height: 400px;

}



.prohead .hleft .smallimg {

  width: 402px;

  height: 60px;

  overflow: hidden

}



.prohead .hleft .smallimg dl {

  width: 402px;

  height: 60px;

}



.prohead .hleft .smallimg dl dt {

  width: 10px;

  height: 45px;

  margin-top: 8px;

}



.prohead .hleft .smallimg dl dt.prev {

  float: left;

}



.prohead .hleft .smallimg dl dt.next {

  float: right;

}



.prohead .hleft .smallimg dd {

  width: 360px;

  height: 60px;

  float: left;

  margin-left: 12px;

  overflow: hidden

}



.prohead .hleft .smallimg dd li {

  width: 72px;

  float: left;

  height: 60px;

  text-align: center

}



.prohead .hleft .smallimg dd li img {

  width: 58px;

  height: 58px;

  border: 1px solid #ccc;

}



.prohead .hleft .smallimg dd li a:hover img,

.prohead .hleft .smallimg dd li a.hover img {

  border-color: #666

}



.prohead .hleft .btns {

  margin-top: 20px;

}



.prohead .hleft .btns span {

  display: none

}



.prohead .hleft .btns a {

  display: block;

  height: 22px;

  line-height: 22px;

  text-indent: 20px;

  font-size: 12px;

  background: url(../images/btn-s-bg.png) no-repeat;

  float: left;

  margin-right: 16px;

  width: 80px;

}



.prohead .hleft .btns a.b1 {

  background-position: left -150px

}



.prohead .hleft .btns a.b2 {

  background-position: left -30px;

  width: 93px;

}



.prohead .hleft .btns a.b3 {

  background-position: left -120px;

}



.prohead .hleft .btns a.b4 {

  background-position: left -60px;

}



.btns1 {

  clear: both;

  margin-top: 15px;

}



.prohead .hright {

  float: right;

  width: 490px;

  font-family: microsoft yahei;

}



.prohead .hright h1 {

  font-size: 18px;

}



.prohead .hright h2 {

  font-size: 15px;

  color: #ff7300;

}



.prohead .hright .proinfo {

  border-bottom: 1px solid #ddd;

  padding-bottom: 12px;

}



.prohead .hright .btns {

  width: 100%;

  overflow: hidden;

  margin: 15px auto;

}



.prohead .hright .btns img {

  margin-right: 20px;

}



.prohead .hright .tips {

  border: #F66 1px solid;

  background-color: #FCF;

  font-size: 12px;

  padding: 0px 12px;

  color: #F00;

  display: none

}



.procontent {

  margin-top: 20px;

}



.procontent .tit {

  height: 40px;

  line-height: 40px;

  border-bottom: 2px solid #e82d25;

}



.procontent .tit dt {

  float: left;

  height: 40px;

  line-height: 40px;

  color: #fff;

  background-color: #e82d25;

  text-align: center;

  width: 160px;

  font-weight: bold;

  font-size: 14px;

}



.procontent .detail {

  margin-top: 20px;

}



.comment_list {

  width: 95%;

  margin: 0 auto;

}



.formbox222 {

  border: 1px solid #d5d5d5;

  border-radius: 4px;

  overflow: hidden;

  padding-left: 25px;

  margin-top: 20px;

  padding-bottom: 20px;

}



.formbox {

  margin-top: 20px;

  font-size: 14px;

}



.formbox dl {

  border: 1px solid #d5d5d5;

  border-radius: 4px;

  overflow: hidden;

  _float: left

}



.formbox dl dt {

  background: url(../images/tit1.gif) repeat-x;

  height: 32px;

  padding-left: 12px;

  line-height: 32px;

  font-weight: bold;

  color: #FFFFFF;
}



.formbox dl dd {

  padding: 20px 0px;

  line-height: 26px;

}



.formbox dl dd input {

  border: 1px solid #ccc;

  height: 30px;

  border-radius: 4px;

  padding: 0px 12px;

}



.formbox dl dd textarea {

  border: 1px solid #ccc;

  height: 100px;

  border-radius: 4px;

}



.formbox dl dd input.submit {

  background-color: #dd127b;

  color: #FFF;

  border-color: #9c0c56;

  text-shadow: 1px 1px 0px #9c0c56;

}



.formbox dl dd .rate {

  background: url(../images/stars_3_small.gif) no-repeat;

  width: 80px;

  height: 12px;

  overflow: hidden;

}



.formbox dl dd .rate label {

  width: 14px;

  height: 12px;

  float: left;

  display: block;

  cursor: pointer;

  padding: 0px;

  margin: 0px;

  line-height: 12px;

  margin-right: 1px;

}



.formbox dl dd .ratesbox {

  width: 0px;

  height: 0px;

  overflow: hidden;

  float: left

}



.formbox dl dd .rate.rate1 {

  background: url(../images/stars_1_small.gif) no-repeat;

}



.formbox dl dd .rate.rate2 {

  background: url(../images/stars_2_small.gif) no-repeat;

}



.formbox dl dd .rate.rate3 {

  background: url(../images/stars_3_small.gif) no-repeat;

}



.formbox dl dd .rate.rate4 {

  background: url(../images/stars_4_small.gif) no-repeat;

}



.formbox dl dd .rate.rate5 {

  background: url(../images/stars_5_small.gif) no-repeat;

}



.formbox .btnews {

  padding: 0px 20px;

  overflow: hidden

}



.formbox .btnews li {

  width: 300px;

  float: left;

  list-style: square inside;

  margin-left: 20px;

  margin-right: 10px;

}



.formbox .reviewbox {

  padding: 0px 30px;

}



.formbox .reviewbox li {

  padding-bottom: 12px;

}



.formbox .reviewbox li .name {

  font-weight: bold;

}



.formbox .reviewbox li .name span {

  color: #F90;

  margin: 0px 12px;

}



.formbox .reviewbox li .reply {

  background: #f4f4f4;

  padding: 0px 12px;

}



.formbox .reviewbox li .reply span {

  color: #999

}



input.txt {

  width: 200px;

  float: left;

}



.input {

  display: inline;

  margin-right: 5px;

  padding: 5px;

  height: 18px;

  line-height: 18px;

  vertical-align: middle;

  background: none repeat scroll 0% 0% #FFF;

  border: 1px solid #CACACA;

  border-radius: 4px;

  font-family: "Microsoft YaHei";

}



.btn_submit {

  background: none repeat scroll 0px 0px #F90;

  border: 1px solid #F90;

  color: #FFF;

  cursor: pointer;

  font-family: "Microsoft YaHei";

  font-size: 12px;

  line-height: 1em;

  padding: 10px 30px;

}



.contactus strong {

  padding: 0px 6px 0px;

}



.contactus {

  padding: 20px;

}



.prohead .hright .tels {

  border-bottom: 1px solid #DDD;

  font-size: 16px;

  line-height: 36px;

}



.prohead .hright .tels span {

  color: #F00;

  font-size: 28px;

  font-weight: bold;

  margin-left: 12px;

  line-height: 36px;

}





/*点击大图*/



#fancybox-loading {

  position: fixed;

  top: 50%;

  left: 50%;

  width: 40px;

  height: 40px;

  margin-top: -20px;

  margin-left: -20px;

  cursor: pointer;

  overflow: hidden;

  z-index: 1104;

  display: none;

}



#fancybox-loading div {

  position: absolute;

  top: 0;

  left: 0;

  width: 40px;

  height: 480px;

  background-image: url('../images/fancybox.png');

}



#fancybox-overlay {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 9999;

  display: none;

}



#fancybox-tmp {

  padding: 0;

  margin: 0;

  border: 0;

  overflow: auto;

  display: none;

}



#fancybox-wrap {

  position: absolute;

  top: 0;

  left: 0;

  padding: 20px;

  z-index: 99999;

  outline: none;

  display: none;

}



#fancybox-outer {

  position: relative;

  width: 100%;

  height: 100%;

  background: #fff;

}



#fancybox-content {

  width: 0;

  height: 0;

  padding: 0;

  outline: none;

  position: relative;

  overflow: hidden;

  z-index: 1102;

  border: 0px solid #fff;

}



#fancybox-hide-sel-frame {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: transparent;

  z-index: 1101;

}



#fancybox-close {

  position: absolute;

  top: -15px;

  right: -15px;

  width: 30px;

  height: 30px;

  background: transparent url('../images/fancybox.png') -40px 0px;

  cursor: pointer;

  z-index: 1103;

  display: none;

}



#fancybox-error {

  color: #444;

  font: normal 12px/20px Arial;

  padding: 14px;

  margin: 0;

}



#fancybox-img {

  width: 100%;

  height: 100%;

  padding: 0;

  margin: 0;

  border: none;

  outline: none;

  line-height: 0;

  vertical-align: top;

}



#fancybox-frame {

  width: 100%;

  height: 100%;

  border: none;

  display: block;

}



#fancybox-left,

#fancybox-right {

  position: absolute;

  bottom: 0px;

  height: 100%;

  width: 35%;

  cursor: pointer;

  outline: none;

  background: transparent url('../images/blank.gif');

  z-index: 1102;

  display: none;

}



#fancybox-left {

  left: 0px;

}



#fancybox-right {

  right: 0px;

}



#fancybox-left-ico,

#fancybox-right-ico {

  position: absolute;

  top: 50%;

  left: -9999px;

  width: 30px;

  height: 30px;

  margin-top: -15px;

  cursor: pointer;

  z-index: 1102;

  display: block;

}



#fancybox-left-ico {

  background-image: url('../images/fancybox.png');

  background-position: -40px -30px;

}



#fancybox-right-ico {

  background-image: url('../images/fancybox.png');

  background-position: -40px -60px;

}



#fancybox-left:hover,

#fancybox-right:hover {

  visibility: visible;

  /* IE6 */

}



#fancybox-left:hover span {

  left: 20px;

}



#fancybox-right:hover span {

  left: auto;

  right: 20px;

}



.fancybox-bg {

  position: absolute;

  padding: 0;

  margin: 0;

  border: 0;

  width: 20px;

  height: 20px;

  z-index: 1001;

}



#fancybox-bg-n {

  top: -20px;

  left: 0;

  width: 100%;

  background-image: url('../images/fancybox-x.png');

}



#fancybox-bg-ne {

  top: -20px;

  right: -20px;

  background-image: url('../images/fancybox.png');

  background-position: -40px -162px;

}



#fancybox-bg-e {

  top: 0;

  right: -20px;

  height: 100%;

  background-image: url('../images/fancybox-y.png');

  background-position: -20px 0px;

}



#fancybox-bg-se {

  bottom: -20px;

  right: -20px;

  background-image: url('../images/fancybox.png');

  background-position: -40px -182px;

}



#fancybox-bg-s {

  bottom: -20px;

  left: 0;

  width: 100%;

  background-image: url('../images/fancybox-x.png');

  background-position: 0px -20px;

}



#fancybox-bg-sw {

  bottom: -20px;

  left: -20px;

  background-image: url('../images/fancybox.png');

  background-position: -40px -142px;

}



#fancybox-bg-w {

  top: 0;

  left: -20px;

  height: 100%;

  background-image: url('../images/fancybox-y.png');

}



#fancybox-bg-nw {

  top: -20px;

  left: -20px;

  background-image: url('../images/fancybox.png');

  background-position: -40px -122px;

}



#fancybox-title {

  font-family: Helvetica;

  font-size: 12px;

  z-index: 1102;

}



.fancybox-title-inside {

  padding-bottom: 10px;

  text-align: center;

  color: #333;

  background: #fff;

  position: relative;

}



.fancybox-title-outside {

  padding-top: 10px;

  color: #fff;

}



.fancybox-title-over {

  position: absolute;

  bottom: 0;

  left: 0;

  color: #FFF;

  text-align: left;

}



#fancybox-title-over {

  padding: 10px;

  background-image: url('../images/fancy_title_over.png');

  display: block;

}



.fancybox-title-float {

  position: absolute;

  left: 0;

  bottom: -20px;

  height: 32px;

}



#fancybox-title-float-wrap {

  border: none;

  border-collapse: collapse;

  width: auto;

}



#fancybox-title-float-wrap td {

  border: none;

  white-space: nowrap;

}



#fancybox-title-float-left {

  padding: 0 0 0 15px;

  background: url('../images/fancybox.png') -40px -90px no-repeat;

}



#fancybox-title-float-main {

  color: #FFF;

  line-height: 29px;

  font-weight: bold;

  padding: 0 0 3px 0;

  background: url('../images/fancybox-x.png') 0px -40px;

}



#fancybox-title-float-right {

  padding: 0 0 0 15px;

  background: url('../images/fancybox.png') -55px -90px no-repeat;

}





/* IE6 */



.fancybox-ie6 #fancybox-close {

  background: transparent;

  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_close.png', sizingMethod='scale');

}



.fancybox-ie6 #fancybox-left-ico {

  background: transparent;

  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_nav_left.png', sizingMethod='scale');

}



.fancybox-ie6 #fancybox-right-ico {

  background: transparent;

  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_nav_right.png', sizingMethod='scale');

}



.fancybox-ie6 #fancybox-title-over {

  background: transparent;

  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_title_over.png', sizingMethod='scale');

  zoom: 1;

}



.fancybox-ie6 #fancybox-title-float-left {

  background: transparent;

  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_title_left.png', sizingMethod='scale');

}



.fancybox-ie6 #fancybox-title-float-main {

  background: transparent;

  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_title_main.png', sizingMethod='scale');

}



.fancybox-ie6 #fancybox-title-float-right {

  background: transparent;

  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_title_right.png', sizingMethod='scale');

}



.fancybox-ie6 #fancybox-bg-w,

.fancybox-ie6 #fancybox-bg-e,

.fancybox-ie6 #fancybox-left,

.fancybox-ie6 #fancybox-right,

#fancybox-hide-sel-frame {

  height: expression(this.parentNode.clientHeight + "px");

}



#fancybox-loading.fancybox-ie6 {

  position: absolute;

  margin-top: 0;

  top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2: document.body.clientHeight/2) + ( ignoreMe=document.documentElement.scrollTop ? document.documentElement.scrollTop: document.body.scrollTop)) + 'px');

}



#fancybox-loading.fancybox-ie6 div {

  background: transparent;

  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_loading.png', sizingMethod='scale');

}





/* IE6, IE7, IE8 */



.fancybox-ie .fancybox-bg {

  background: transparent !important;

}



.fancybox-ie #fancybox-bg-n {

  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_n.png', sizingMethod='scale');

}



.fancybox-ie #fancybox-bg-ne {

  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_ne.png', sizingMethod='scale');

}



.fancybox-ie #fancybox-bg-e {

  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_e.png', sizingMethod='scale');

}



.fancybox-ie #fancybox-bg-se {

  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_se.png', sizingMethod='scale');

}



.fancybox-ie #fancybox-bg-s {

  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_s.png', sizingMethod='scale');

}



.fancybox-ie #fancybox-bg-sw {

  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_sw.png', sizingMethod='scale');

}



.fancybox-ie #fancybox-bg-w {

  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_w.png', sizingMethod='scale');

}



.fancybox-ie #fancybox-bg-nw {

  filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_nw.png', sizingMethod='scale');

}