/* CSS Document  2012-06-28 by Joseph*/
/*css reset*/
body{ line-height:22px;}
#nav{ text-shadow:none;}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: ".";clear: both;height: 0;}
* html .clearfix{zoom: 1;}
*:first-child + html .clearfix{zoom: 1;}
li{ list-style-type:none;}
.m10{margin:10px;}
.m15{margin:15px;}
.m30{margin:30px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px; font-weight:normal;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.mt100{margin-top:100px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}
.mb100{margin-bottom:100px;}
.mb120{ margin-bottom:120px;}
.mb140{ margin-bottom:140px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml50{margin-left:50px;}
.ml100{margin-left:100px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr50{margin-right:50px;}
.mr100{margin-right:100px;}
.mrl{ margin: 0 10px;}
.mtb{ margin: 10px 0 ;}
.mtl{ margin: 10px 0 0 10px;}
.mtr{ margin: 10px 10px 0 0;}
.mbr{ margin: 0 10px 10px 0;}
.mbl{ margin: 0 0 10px 10px;}

.p10{padding:10px;}
.p15{padding:15px;}
.p30{padding:30px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt50{padding-top:50px;}
.pt100{padding-top:100px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb50{padding-bottom:50px;}
.pb100{padding-bottom:100px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl50{padding-left:50px;}
.pl100{padding-left:100px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr50{padding-right:50px;}
.pr100{padding-right:100px;}
.prl{ padding: 0 10px;}
.ptb{ padding: 10px 0 ;}
.ptl{ padding: 10px 0 0 10px;}
.ptr{ padding: 10px 10px 0 0;}
.pbr{ padding: 0 10px 10px 0;}
.pbl{ padding: 0 0 10px 10px;}
.ptb5{ padding-top:5px; padding-bottom:5px;}
.plr15{ padding-left:15px; padding-right:15px;}
.p5{ padding:5px;}
.cursor{ cursor:pointer;}
.curT{ cursor:text;}
.ds-bl{ display:block;}
.ds-il{ display:inline;}
.vm{ vertical-align:middle;}
.none{ display:none;}
.tc{ text-align:center;}
/*图片半透明*/
.img_alpha{filter: alpha(opacity=100);-moz-opacity:1;opacity: 1;}
.img_alpha:hover{filter: alpha(opacity=80);-moz-opacity:0.8;opacity: 0.8;}

/*圆角*/
.rounded_5 {-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.rounded_15 {-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;}
.rounded_5_0 {-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}

/*框框投影*/
.projection_r {-webkit-box-shadow:0 1px 3px #ccc;-moz-box-shadow:0 1px 3px #ccc;box-shadow:0 1px 3px #ccc;border:1px solid #ccc\9;}

/*渐变*/
.gradient {background: #e2e2e2;background: -moz-linear-gradient(top, #f0f0f0, #e2e2e2 100%);background: -webkit-gradient(linear, 0 0, 0 100%, from(#f0f0f0), to(#e2e2e2));}
.gradient2 {background: #e4ecf1;background: -moz-linear-gradient(top, #f6f7f9, #e4ecf1 100%);background: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f7f9), to(#e4ecf1));}

/*边框*/
.bor_1{ border:1px solid #e1e1e1;}
.bor_l_1{ border-left:1px solid #e1e1e1;}
.bor_r_1{ border-right:1px solid #e1e1e1;}

.bor_b_1{ border-bottom:1px dashed #d3d3d3;}
/*背景*/
bg_1{ background-color:#fafafa;}

#n_footer p.copy{ border-top:none;}

/*按钮*/
.com_buttom{padding: 10px 19px;color:#FFF; font-size:12px;  border:1px solid #32AAC8; text-decoration:none; cursor:pointer;background: #32AAC8;}
.com_buttom:hover{text-decoration:none;}
.ptb5-bn{padding:5px 15px;}
/*title*/
.f30{font-size: 30px;}
/*#content{ width:960px;}
*/.w270{ width:270px;}
.w230{ width:230px;}
.w720{ width:760px;}
/*start*/
.rating,.right_content_box ul.rating{position:relative;width:110px;margin:0;}
.rating li,.right_content_box ul.rating li{float:left;height:16px;width:17px; overflow:hidden; line-height:16px; _display:inline; padding:0 2px;cursor:pointer;text-indent:-9999px;background:url(/images/reviews/start.png) no-repeat center -16px;_background:url(/images/reviews/start-ie.png) no-repeat center -16px}
.rating li.on,.right_content_box ul.rating li.on{background-position:center 0}
.rating li.half,.right_content_box .rating li.half{background-position:center -32px}

.good_icon{ background:url(/images/reviews/yes.jpg) no-repeat 0 0; padding:5px 20px 5px 28px; cursor:pointer;}
.noGood_icon{ background:url(/images/reviews/no.jpg) no-repeat 0 0;  padding:5px 20px 5px 28px;cursor:pointer;}

/*下拉*/

.distr {
    float: left;
    height: 20px;
    margin-top: 8px;
    position: relative;
    width: 20px; z-index:9;
}
.distr2{ float:right;}
.right_content_box{ overflow:visible;}
.distr a.showBtn, .distr a.hideBtn {
	background:url(/images/reviews/reviews.png) no-repeat 0 0;
    display: block;
    height: 18px;
    width: 20px;
}
.distr a.showBtn2, .distr a.hideBtn2 {
   
}
.h200_min{ min-height:200px; _height:200px;}
.distr a.hideBtn { background-position:-20px 0; height:21px;position: relative;z-index: 1001;}

.distr .distrArea{ display:none;position:absolute; background-color:#FFF;top:20px;height:157px;padding:5px 0 0 15px;width:205px;right:0;border:1px solid #ccc;-moz-border-radius:3px 0 3px 3px;-webkit-border-radius:3px 0 3px 3px;border-radius:3px 0 3px 3px;z-index:1000;}

.app-vote ul,.app-vote ol,.app-vote li,.app-vote dl,.app-vote dt,.app-vote dd,.app-vote form,.app-vote p,.app-vote h1,.app-vote h2,.app-vote h3{margin:0;padding:0}
.app-vote em{font-style:normal}
.vote-box-list{float:left}
#appVote .vote-action{margin-top:30px;width:60px}
.right_content_box .vote-box-list li{ background:none; padding-left:0; float:none; width:auto;}
.vote-box-list li .vote-item-wrap{padding:3px 0}
.vote-box-list li .vote-item-wrap .xx{width:40px}
.vote-box-list li.over{background-color:#FFE57F}
.vote-box-list li h4{font-size:1em;font-weight:400;overflow:hidden;text-align:right;width:260px;word-wrap:break-word}
.vote-box-list li .litem{background:none repeat scroll 0 0 #EFEFEF;border:1px solid #E2E2E2;height:15px;width:100px;font-size:10px}
.vote-box-list li .vote-item-wrap .data{z-index:1000;background-color:transparent;margin:-2px 0 0 13px}
.vote-box-list li div,.vote-box-list li h4{float:left;margin:0;padding:0}
.vote-box-list li div input{float:left;margin:2px 4px 0 0}
.vote-box-list li em,.vote-box-list li span{float:left;height:15px;overflow:hidden; line-height:15px;}
.vote-box-list li .vleft,.vote-box-list li .right{width:2px}
.vnum{text-indent:5px;width:90px}
ul.vote-ctrl-act-sep{overflow:hidden;margin:5px 0}
ul.vote-ctrl-act-sep li{border-bottom:medium none;border-right:1px solid #000;float:right;margin-right:-1px;padding:0 10px}
#appVoteAddForm dt{clear:left;text-align:right;width:150px}
#appVoteAddForm .txt{width:400px}
#appVoteAddForm .vote{height:300px;width:400px}
#appVoteAddForm .tip{color:#6B6B6B}
#appVoteAddForm .back_block{width:550px;margin:6px 0}
#text_vote_area p.m{color:#355E9D}
#text_vote_area p.t{color:#999}
.app-vote ul,.app-vote ol,.vote-box-list li{list-style:none outside none}


.w290{ width:290px;}
.tip{ color:#F00;}

.page_box span{ padding:5px 8px; margin:0 2px; border:1px solid #E1E1E1; color:#036cb4; cursor:pointer;}
.page_box span:hover{ background-color:#f2f2f2;}
.page_box span.cur{ color:#FFF; background-color:#036cb4; border:1px solid #036cb4;}
.page_box span.off{ color:#dddddd; cursor:default;}
.page_box span.off:hover{ background-color:#FFF;}

.write_a_review{ cursor:pointer; color:#0066CC; text-decoration:underline;}
#moreReview:hover{ background-color:#f0f0f0; cursor:pointer;}

#tooltip {position:absolute;z-index:1000;max-width:300px;width:auto!important;width:auto;background:#006CDB;border:#FEFFD4 solid 1px;text-align:left;padding:5px;}
#tooltip p {margin:0;padding:0;color:#FFF;font:12px verdana, arial, sans-serif; text-shadow:none;}
#tooltip p em {display:block;margin-top:3px;color:#f60;font-style:normal;font-weight:bold;}


.colorOk{ color:#006CDB; background:url(/images/icon/yes.gif) no-repeat 0 0; padding:3px 0 3px 22px; }

.bm_bg{ background-position:0 bottom; cursor:default;}

h3.right_box_title{ padding:0 10px; margin:0;height:27px; line-height:27px; border-bottom:1px solid #d0dde3;}
.right_box_list{ padding:10px;}
.right_box_list li{ background:url(/images/reviews/li_dot.jpg) no-repeat 0 8px; padding:2px 0 2px 15px; line-height:18px;}


.reviews_box strong{ color:#ff6600;}
.reviews_box strong.col_1{ color:#777;}


h3.right_box_title{ padding:0 10px; margin:0;height:27px; line-height:27px; border-bottom:1px solid #d0dde3;}
.right_box_list{ padding:15px;}
.right_box_list li{ background:url(/images/reviews/li_dot.jpg) no-repeat 0 8px; padding:2px 0 2px 15px; line-height:18px;}
.replaymess{ border:1px solid #E1E1E1; background-color:#d6e4f2; padding:10px;}

.pt8{ padding-top:8px;}
.rev_sub{ text-shadow:0 -1px 1px #000; color:#FFF; padding:5px 15px; font-size:14px;}

/* 响应式 */
@media screen and (min-width: 651px){
	.text_box{ padding:5px 10px; border:1px solid #c8c8c8; width:580px; color:#666;text-shadow:none;}
}
@media screen and (max-width: 650px){
	.text_box{ padding:5px 10px; border:1px solid #c8c8c8; width:100%; color:#666;text-shadow:none;}
}