@charset "utf-8";
/*��������ҳ*/
.details_top{width: 100%; min-width: 1198px;height: 40px; background: #efefef; border-bottom: 1px solid #d3d3d3; margin-bottom: 10px;}
.details_top .details_box{margin: 0 auto; width: 1198px; line-height: 40px; color: #adadad;}
.details_top .details_box .details_left{float: left;}
.details_top .details_box .details_right{float: right;}
.details_box a{color: #adadad;}
.details_box a:hover{color: #27BAC4; text-decoration: none;}
.details_info_right{float: right;}
.details_like{float: left; text-align: center; width: 90px; font-size: 12px;}
.ss_title_r_btn1{width: 27px; height: 27px; float: left; margin: 7px 0px 0 0; background: url(../images/icon_upload2.png);}
.ss_title_r_btn1:hover{background: url(../images/icon_upload2_on.png);}
.ss_title_r_btn2{width: 27px; height: 27px; float: left; margin: 7px 0px 0 0; background: url(../images/icon_learn.png);}
.ss_title_r_btn2:hover{background: url(../images/icon_learn_on.png);}
.details_right em{float: left; padding: 0 15px; line-height: 45px; font-size: 18px; color: #cecece;}
.details_like .details_love{display: block; background: url("/images/icon_like.png") no-repeat; width: 18px; height: 18px; margin: 10px auto;}
.details_like .details_love:hover{background: url("../images/icon_like_on.png") no-repeat;}
.details_like .details_collect{display: block; background: url("../images/icon_collect.png") no-repeat; width: 18px; height: 18px; margin: 10px auto;}
.details_like .details_collect:hover{background: url("../images/icon_collect_on.png") no-repeat;}
.details_like .details_share{display: block; background: url("../images/icon_share.png") no-repeat; width: 18px; height: 17px; margin: 10px auto;}
.container{min-width: 1198px;}
.dong_title{width: 1198px;padding: 15px 0 0 0;}
.dong_title h1{float: left;color: #666666;font-size: 26px;}
.dong_content{width: 1198px;height: 585px;border: 1px solid #E4E4E4;background: #FFFFFF;position: relative;}
.dong_content .dong_map{position: absolute;width: 1198px;height: 585px;}
.dong_content .dong_map img{width: 1198px;height: 585px;}
.dong_article{position: absolute;right: 0px;width: 271px;height: 565px;padding: 10px 10px;background: rgba(255, 255, 255, 0.1);}
.dong_article_tag{margin-bottom: 10px;}
.dong_article_tag a{font-size: 12px;color: #D4D5D7;padding: 2px 2px;background: #636466;}
.dong_article span{color: #3F3F3F;font-size: 12px;}
.dong_article_tag p{color: #3F3F3F;font-size: 12px;letter-spacing: 2px;line-height: 20px;}
.dong_article_text{width: 271px;height: 200px}
.dong_article_tag i{color: #abaaaa;font-size: 12px;font-style: normal;margin-left: 10px;}
.dong_article_tag .dong_article_l{float: left}
.dong_article_tag .dong_article_r{float: right}
.dong_article_tag .dong_article_r a{color: #0AABB3;background: transparent;}
.dong_article_share{width: 271px;height: 370px;background: rgba(255, 255, 255, 0.1);border-top: 4px solid #0AABB3;position:relative;}
.dong_article_share .dong_article_review{padding: 10px 5px 13px 10px; border-bottom: 1px solid white;}
.dong_article_share .dong_article_review h3{font-size: 24px;color: #FFFFFF;float: left;;}
.dong_article_share .dong_article_review a{font-size: 12px;color: white;float: right;display: block;padding-left: 22px;background: url("/images/review.png") no-repeat;margin-top: 12px}
.dong_article_star{margin-top: 5px;width: 271px;overflow: hidden;height: 35px;background: #3F3F3F;padding-bottom: 5px;}
.dong_article_star .dong_article_starDiv{float: left;border-right: 1px solid white;width: 53px;text-align: center}
.dong_article_star .dong_article_starDiv p{color: white;font-size: 12px;}
.dong_article_star .dong_article_starDiv img{width: 14px; height: 14px;margin-left: 3px;margin-top: 2px;}
.dong_article_star .dong_article_starDiv a{color: #0AABB3;font-size: 12px;}
/**********  ������ʾ����    ***************/
.review_show{background: #212121;padding: 10px 10px 5px 10px;margin-top: 3px;margin-left: 2px}
.review_show .review_user{float: left;display: block;width: 60px;height: 60px}
.review_show .review_user img{width: 60px;height: 60px;}
.review_show .review_text{float: left;width: 179px;padding-left: 10px;color: #B7B7B7;font-size: 12px}
.review_show .review_text p{line-height: 20px}
.review_show .review_text .review_content{height:60px; overflow:hidden;}
.review_show .review_text .review_trash{text-align: right;background: url("/images/icon_trash.png") 140px no-repeat;}
.review_show .review_text .review_trash a{color:#B7B7B7; }
.pagination{padding: 5px;bottom: 5px;position: absolute; margin-left:5px;}
.pagination a, .pagination span{padding: 2px 6px;font-size: 14px;color: #C1C1C1;margin-right: 3px}
.pagination .current{background: #09ACB3;color: white; font-size:14px;}
.pagination .current.prev, .pagination .current.next{padding: 2px 6px;font-size: 14px;color: #C1C1C1;margin-right: 3px; background:none;}
.pagination a:hover{background: #09ACB3;color: white}

/* �����ϲ�����ղص���ʽ */
.city_share{ float:right; margin-left:20px; line-height:60px; color:#1a1a1a;}
.city_collect{ width:53px; height:25px; float:right; margin:18px 0 0 0px; line-height:25px; color:#727272; text-align:right; display:block;}
.city_like{ height:25px; float:right; margin:18px 0 0 20px; padding:0 23px; line-height:25px; color:#727272; text-align:right; display:block;}

/* �������ۿ����ʽ��������ʱ����ʽ */
.review_none{font-size: 12px;color: white;text-align: center;background: #212121;margin-top: 3px;padding: 15px 0;}
.my_comment{margin-top: 2px;position: absolute;top: 58px;width: 269px;margin-left: 2px;}
.my_comment .my_comment_title{background: #D0D0D0;height: 30px;line-height: 30px;padding: 0 10px;}
.my_comment .my_comment_title2{background: #D0D0D0;height: 30px;padding: 2px 2px 0 0;text-align: right;}
.my_comment_title a{font-size: 16px;color: #000000;float: right;display: block;}
.my_comment_star{float: left;color: #000000;font-size: 12px; height:30px;}
.my_comment_star .star{float:left; margin-left:10px; color:#000000;}
.my_comment_star .item{display:inline-block; float:left;}
.my_comment_text textarea{height: 120px;resize: none;width: 100%;border: none;font-size: 14px;background: white;}
.my_comment_button {text-align: right;margin-top: 3px;}
.button{background: #3CA2B1;border: none;font-size: 12px;color: white;width: 54px;height: 28px;cursor: pointer;}

/* �Ǽ����ֵ���ʽ */
.formItemDiff {width: 20px; height: 20px; background-image: url(/images/diff.png); background-position: 0px -575px; float: left; margin-top: 4px;}

/*************    ����ť          ***************/
.left_btn_box{height: 585px;width: 10px;position: absolute;right: 291px;z-index:9}
.left_btn_box a.btn_right{background: url("/images/icon-right-btn.jpg") no-repeat;float: left;width: 10px;height: 50px;top: 50%;margin-top: -5px;position: absolute;}
.left_btn_box a.btn_left{background: url("/images/icon-left-btn.png") no-repeat;float: left;width: 10px;height: 50px;top: 50%;margin-top: -5px;position: absolute;right: -291px;}