@charset "utf-8";

/* 文章评论 ---------------------------------------- */

/* 评论列表 */
.comListBox{ padding:10px 0;  }
.msgList li{ margin-bottom:15px;  border:1px solid #ddd; background:#fff;-webkit-box-shadow: #f1f1f1 0 3px 0;-moz-box-shadow: #f1f1f1 0 3px 0;box-shadow: #f1f1f1 0 3px  0;behavior: url(/PIE.htc);}
.msgList .msgInfo{ height:26px; line-height:26px; padding:0 10px; background:url("images/bgSplit.jpg") 0 -13px repeat-x; border-bottom:1px solid #dfdfdf; color:#999;   }
.msgList .msgInfo .reviewer{ font-weight:bold; color:#c60;  }
.msgList .msgInfo .star{ float:right;  }
.msgList .msgInfo .star em{ vertical-align:middle;float:left;margin-top:-1px;display:inline;  }
.msgList .msgContent{ padding:10px;  }
.msgList .msgContent .msgReply{ padding:5px 10px; background:#f6f6f6;margin:10px 0 0 0;   }
.msgList .msgContent .msgReplyer{ font-weight:bold;color:red;}
.msgPage{ text-align:right; }

/* 填写评论 */
.msgAddBox{ padding:10px 25px; background:#f8f8f8; border:1px solid #ddd;    }
.msgAddBox .inputTxt{ height:20px; line-height:20px; border:1px solid #d4d4d4; width:90px;color:#999;  }
.msgAddBox #commentEmail{ width:180px;  }
.msgAddBox li{  height:22px; line-height:22px;}
.msgAddTit{ display:none;  }
.msgAddBox .msgAddUser{height:30px; }
.msgAddBox .msgAddUser em{display:inline-bock;height:30px;;height:30px;  }
.msgAddBox .msgAddUser label{ padding-right:15px;  }
.msgAddBox .msgAddUser i{ color:#f00;  }
.msgAddBox .msgAddUser li{ overflow:hidden;  }
.msgAddBox .msgAddUser #commentRankingBlock{ float:right;  }
.msgAddBox .msgScore{ padding-top:0px;  }
.msgAddBox  #commentContnet{ margin-top:5px;   background:#fff; border:1px solid #d4d4d4; width:568px; height:60px; font-size:12px;   }
.msgAddBox  .msgSubmitBar{ padding-top:10px; height:22px; line-height:22px;  }
.msgAddBox  .msgSubmitBar *{ vertical-align:middle; }
.msgAddBox  #commentValidCode{ margin:0 5px;  }


/* 评论发表页模板 ---------------------------------------------- */
.addComFrom table{  }
.addComFrom table{ border-collapse: collapse; empty-cells:show;}
.addComFrom table td{ border:#eee solid 1px; padding:5px; } 
.addComFrom table .spacingtitle{ background:#f4f4f4; font-weight:bold;  }
.addComFrom table table td{ border:0;  }
.addComFrom #BtnSubmit{ width:80px; height:26px; line-height:22px; cursor:pointer;    }

/* 商品评论 ---------------------------------------- */

/* 好评度 */
.goodComment{ padding:10px 0; overflow:hidden; border:1px solid #e4e4e4; background:#f8f8f8;    }
.goodComment dd{ float:left; _display:inline; padding:0 10px; border-right:1px solid #e4e4e4;  }
.goodComment .rate{ width:80px; text-align:center;  color:#F18429;   }
.goodComment .rate strong{ font-family:Arial; font-size:30px; line-height:36px; font-weight:bold; }
.goodComment .percent{ width:190px;  }
.goodComment .percent li{ height:20px; line-height:20px; overflow:hidden;    }
.goodComment .percent em{ width:110px; display:inline-block; *display:inline; zoom:1; height:8px;  overflow:hidden;
margin:0 8px; background:#fff; border:1px solid #F7A96A;     }
.goodComment .percent em i{ display:block; height:8px;  background:#F18429; border:1px solid #F7A96A; border-bottom:0;   }
.goodComment .comm{ width:280px; border-right:0; line-height:18px;   }
.goodComment .comm strong{ padding-bottom:4px;  }
.goodComment .comm em{ color:#1855a8;  }
.goodComment .btns{ width:110px;  border-right:0; border-left:1px solid #e4e4e4; text-align:center;   }
.goodComment .btns .addCom{ width:80px; height:26px;  font:normal 16px/22px "宋体"; _font-weight:bold; margin-top:5px;  }

/* 评论列表 */
.commentList{ padding-bottom:10px; display:none;  }
.commentList dl{ overflow:hidden; zoom:1; margin-top:15px; border:1px solid #C5DDF3; background:url("images/dotted.gif") 100px 0 repeat-y; border-top:3px solid #C5DDF3;  }
.commentList dt{ width:80px;  float:left; text-align:center;  line-height:18px; padding:10px;   }
.commentList dt .pic img{ width:50px; height:50px; padding:1px; border:1px solid #ddd; margin-bottom:5px;     }
.commentList dt em{ color:#1855a8;  }
.commentList dd{ width:606px;  float:left;  padding-left:15px;   }
.commentList dd .c-hd{ height:30px; line-height:30px; font-weight:bold; }
.commentList dd .c-hd .date{ float:right; color:#999; font-weight:normal; }
.commentList dd .c-bd{ padding:8px 0; min-height:40px; _height:40px; _overflow:visible;  border:1px dotted #ddd; border-left:0; border-right:0; text-indent:24px; line-height:20px;    }
.commentList dd .c-fd{ padding:8px 0;  color:#999;  }
.commentList dd .c-fd a{ vertical-align:middle; margin-left:5px; margin-right:0px; color:#1855a8;    }
.commentList dd .c-fd a.addComm{ float:right;  }

#commentList .page{ display:none;  }

/* 评论回复列表 */
.replies{ border:1px solid #ddd;  padding:5px; margin-top:5px; color:#666;   }
.replies .r-hd{ height:20px; line-height:20px; background:url("images/dotted.gif") repeat-x bottom; padding:0 5px; overflow:hidden;  }
.replies .r-hd .date{ float:right; color:#999;  }
.replies .r-hd em{ color:#1855a8; margin:0 5px; }
.replies .r-bd{ padding:5px;  }

/* 回复评论 */
.commReply{ position:relative;  padding:10px; background:#F8F8F8; margin-bottom:10px;  overflow:hidden; zoom:1; }
.commReply textarea{ width:520px; height:60px; display:block; background:#fff; border:1px solid #ddd;  }
.commReply .btns{ padding-top:10px;    }
.commReply a{ cursor:pointer; vertical-align:middle;}
.commReply a.close{ display:block; width:14px; height:14px; position:absolute; left:535px; top:12px; background:url("images/iconSplit.gif") -215px -470px no-repeat; }
.commReply a.thisYbtn{ bottom:0px; padding:0; width:67px; text-align:center;   }
.commReply img{ vertical-align:middle; }
.commReply .code{margin-left:5px; width:120px; border:1px solid #ccc; background:#fff; height:20px; line-height:20px;  vertical-align:middle;    }

/* 填写评论 */
.addComment{ border:1px solid #e4e4e4;  margin-top:10px;    }
.addComment .a-hd{  height:30px; line-height:30px; background:#f8f8f8; border-bottom:1px dotted #ddd;    }
.addComment .a-hd *{ vertical-align:middle; }
.addComment .a-bd{ padding-top:10px;    }
.addComment strong{ display:inline-block; *display:inline; zoom:1; width:80px; text-align:right; font-weight:bold; vertical-align:top;  }
.addComment .textCon{ width:500px; height:80px; background:#fff; border:1px solid #ddd;   }
.addComment .a-fd{padding-bottom:10px; padding-top:5px;   }
.addComment .a-fd *{ vertical-align:middle; }
.addComment .a-fd .code{ height:20px; line-height:20px; background:#fff; border:1px solid #ddd;  width:120px; margin:0 5px;    }
.addComment .a-fd a{ padding:0 10px;  }