#list {clear:both;}
#list .item {width:200px;height:300px;padding:10px; background:#FFFFFF; margin:10px 12px 10px 0;box-shadow: 0 0 2px rgba(34, 25, 25, 0.4);overflow:hidden;border-radius:3px;}
#list .item.cur{border-color: #66afe9; outline: 0; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);}
#list .item.last{margin-right:0;}
#list .item .pic{position:relative;}
#list .item .pic em.price{display: block;position:absolute;bottom:2px;right:2px;height: 16px;line-height: 16px;padding: 0 4px;background-color: rgba(0, 0, 0, 0.2);color: #FFFFFF;font-family: 'MicroSoft Yahei',tahoma;font-style:normal;}
#list .item .pic img { width:200px;}
#list .item .pic em.remove{display: block;position:absolute;top:2px;right:2px;height: 18px;line-height: 18px;padding: 0 5px;background-color: rgba(0, 0, 0, 0.2);color: #FFFFFF;font-family: 'MicroSoft Yahei',tahoma;font-style:normal;}
#list .item .pic em.remove a{color:#336F99;}
#list .item .pic em.remove a:hover{color:#3F8BBF;text-decoration:none;}
#list .item .pic em.remove i{font-size:12px;}
.item .summary {clear:both; width:200px;height:32px;padding:5px 0; font-size:12px; text-align:left; color:#999;white-space:normal;overflow:hidden;}
.item .itemft{position:absolute; z-index:1000;width:220px;height: auto;margin-left:-10px;background-color:#fff;}
.item.cur .itemft{border-color: #66afe9; outline: 0; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: 0 5px 1px rgba(0, 0, 0, 0.075),0 5px 8px rgba(102, 175, 233, 0.6);border-radius:0 0 3px 3px;}
.item .comment{overflow: visible;}
.item .comment .comment-item{border-top: 1px dotted #DEDEDE;padding: 10px 0;position: relative;}
.item .comment .user-pic{position: absolute;top:10px;left: 0;width:20px;height:20px;margin-left:10px;overflow: hidden;}
.item .comment .user-pic img{width: 20px;height: 20px;}
.item .comment .content{width: 180px;height:auto;overflow: visible;line-height: 20px;margin-left:40px;word-break: break-all;word-wrap: break-word;}
.item .comment .user-name{color: #999999;}
.item .comment .content span{color: #999999;}
.item .likes{clear:both;margin:5px 0;}
.item .likes a{display:block;float:left; color: #999999; text-decoration:none;}
.item .likes a.col-r{float:right;}
.item .likes .likeit {display: inline-block;width: 65px;margin-left: 0;height: 22px;line-height: 22px;background: none repeat scroll 0 0 #E22C37;border-radius: 8px;color: #FFFFFF;text-align: center;vertical-align: middle;}
.item .likes .likeit:hover{background:#E85861;}
.item .likes .like_num{padding-right: 6px; color: #996633;font-size:14px;}
.item .likes .comment_num{color:#996633;}

.item .attr{height:25px;overflow:hidden;border-top:dotted 1px #DEDEDE;color: #AD9C9C;text-shadow: 0 1px #FFFFFF;margin:0;padding:5px 2px;word-wrap: break-word;}
.item.cur .attr{height:auto;}
.item .attr .tags li{float:left;margin:3px 5px;;padding:2px 5px;border-radius:3px;background-color: #F5F5F5;}
.item .attr .tags li a{color:#666;text-decoration:none;}
.item .attr .tags li a:hover{color:#55AADD;}



.imglist{}
#list.imglist .item {width:200px;margin:10px 5px 10px 5px;}
#list.imglist .item .pic img { width:200px;}
#list.imglist .item .summary { width:200px;}
#list.imglist .item .itemft{width:220px;}

.item-detail{padding:15px;background-color: #fff;}
#detail .detail-hd {padding-bottom:5px;margin-bottom:10px;}
#detail .detail-hd h1{display: block;font-size:20px;line-height:30px;font-family: "Microsoft YaHei";font-weight: normal;}
#detail .detail-hd h1 span{margin-left:20px;color: #e4393c;font-size: 18px;font-family: arial,"microsoft yahei";font-weight: bold;overflow: hidden;}
#detail .detail-hd {zoom: 1}
#detail .detail-hd:after {display: block; height: 0px; visibility: hidden; clear: both; content: " "}
#detail .detail-hd h3 {text-align: center; padding-left: 0px;font-size:16px;font-weight:bold;}
#detail .detail-hd p {float: right}
#detail .detail-hd .attr{height: auto;clear: both;margin:16px 0 8px 0;line-height: 20px;}
#detail .detail-hd .attr span{display: inline-block;margin-right:30px;color:#808080;}
#detail .detail-hd .attr em{font-style:normal;color:#000000;}
#detail .detail-hd .tools{clear: both;}
#detail .detail-hd .tags a{padding-right:10px;}

#detail .detail-bd{clear:both;}
#detail .description{padding:5px 0;line-height:25px; font-size:14px; text-align:left; white-space:normal;overflow:hidden;}
#detail .description p {line-height:25px;margin-bottom:26px; word-break: break-all; word-wrap: break-word;color:#666666; font-size:14px;}
#detail .description a{color: #5188a6;text-decoration: none;cursor: pointer;}
#detail .description a:hover{text-decoration:underline;}
#detail .description img{max-width:820px;text-align:center;}
#detail .item-pics{text-align:center;}
#detail .item-pics p{margin-bottom:15px;}
#detail .detail-tips{margin:20px 0;padding:15px; border:solid 1px #F9E7B6; border-radius:3px;}
#detail .detail-tips p {line-height:25px;word-break: break-all; word-wrap: break-word;color:#666666; font-size:14px;}
#detail .detail-tips i{color:#ff6600;font-size:20px;margin-right:5px;}

#detail .gallery { float:right;width:220px;height:380px;margin-left:50px;}
#detail .gallery .booth {width:220px;height:220px;overflow:hidden;display:block;vertical-align:middle;line-height:normal;}
#detail .gallery .booth img{width:210px;max-height:210px;padding:2px;border: #efefef 1px solid;}

#detail .gallery .thumbs-wrapper{clear:both;margin-top:15px;padding: 0;width:222px;}
#detail .gallery .thumbs-wrapper a.left{float:left;display:block;width:10px;height:56px;background:url("/static/images/plug/thumb_arrow.png") no-repeat 0 0;}
#detail .gallery .thumbs-wrapper a.left:hover{background-position:0 -57px;}
#detail .gallery .thumbs-wrapper a.right{float:left;display:block;width:10px;height:56px;background:url("/static/images/plug/thumb_arrow.png") no-repeat -11px 0;}
#detail .gallery .thumbs-wrapper a.right:hover{background-position:-11px -57px;}
#detail .gallery .thumbs-wrapper .mix-pic{float:left;height:56px;width:190px;margin:0 5px;overflow: hidden;}
#detail .gallery .thumbs-wrapper .mix-pic ul{height:56px;width:256px;text-align:center;}

#detail .gallery .thumbs li {float: left;margin: 0 4px 0 4px;padding:2px; overflow: hidden;border:solid 1px #ffffff;border-radius:2px; }
#detail .gallery .thumbs li img{width:50px;height:50px;}
#detail .gallery .thumbs li.selected {border:solid 1px #FFCFAD;}
#detail .gallery .thumbs li a {display: block;width:50px;height: 50px;font-size: 35px; vertical-align: middle; overflow: hidden; text-align: center;font-family: arial;}
#detail .gallery .thumbs li a:focus {outline-style: none;}

#detail .gallery .action {clear:both;margin-top:10px;text-align:center;}
#detail .gallery  a.go-url{display:block;margin:0 auto;width:110px;height:40px;line-height:40px;background:#F04848;border-radius:2px;text-align:center;color:#ffffff;font-size:14px;}
#detail .gallery  a.go-url:hover{background:#F47878;}
#detail .gallery  a.go-domain{font-size:12px;}
#detail .gallery .action tkbox{margin: 0 auto;}


.item-hd{clear:both;margin:0 0 10px 0;height:25px;line-height:25px;}
.item-hd h2{margin-left:10px;font-size: 18px;font-weight: 400;line-height: 1.2;padding: 5px 0 10px;color:#0F0F0F;font-family: 'Microsoft Yahei';}

.comments{}
.comments li{padding:10px 5px;border-bottom:dotted 1px #ccc;}
.comments .chead{color:#666;}
.comments .chead em{margin-right:3px;}
.comments .chead span{display:inline-block;border:solid 0px #ff5500;}
.comments .chead span.f{width:40px;color:#969696;}
.comments .chead span.d{width:180px;color:#cccccc;}
.comments .chead span.n{width:100px;}
.comments .chead span.fun{width:80px;text-align:center;}
.comments .content{margin:10px 0;color:#333;}
.add-comment{clear:both;margin-top:20px;}
.add-comment .add-comment-row{margin-bottom:5px;}
.add-comment textarea{width:720px;height:60px;border:1px solid #DDDDDD;padding:6px 10px;line-height:18px;background: none repeat scroll 0 0 #FFFFFF; border-radius: 3px 3px 3px 3px; transition: all 0.08s ease-in-out 0s;}
.add-comment #facebox{width:840px; height:auto; position:relative; margin:10px auto; min-height:140px;}
.add-comment #facebox .f{ display:block;float:left;width:100px;padding:10px 0px;margin-left:100px;}
.add-comment #facebox .add{float:right;width:160px;text-align:right;}
.add-comment #facebox .add button{padding:6px 22px}
.add-comment #facebox .avatar{float:left;width:80px;text-align:center;overflow:hidden;}
.add-comment #facebox .avatar img{display:block;width:50px;height:50px;margin:0 auto;margin-bottom:5px;}
a.face{ display:block; width:20px; height:20px; background:url("/static/images/plug/facebg_1.png") 0px -100px no-repeat; float:left;}
a.face:hover,a.face.in{ background-position:0px -120px;}


.add-comment li{margin:5px 0;padding:5px 0;}

.share-user-info{margin-bottom:20px}
.share-user-info .user-info div{margin:5px 0;}
.share-user-info .user-avatar{display: inline;float: left;margin-right:10px;}


.bar-list,.tags-list{clear:both;}
.bar-list li a {display: block;height:50px; line-height:25px; padding:5px 0; background: none repeat scroll 0 0 #F0F0F0;border-radius:3px; color: #BC7E4A;  text-decoration: none;}
.tags-list .num{color:#BCBCBC;}
.tags-list .num em{font-family: Georgia; }
.tags-list li a {transition: background 0.9s ease 0s;}
.tags-list li a:hover { background: none repeat scroll 0 0 #E9E9E9;}
.tags-list li{width:120px;float:left;margin:5px 10px;text-align:center;}


.browse-maps{padding:0;}
.browse-maps ul{clear:both;}
.browse-maps li{width:220px;height:30px;line-height:30px;vertical-align: middle;background:none; border-bottom:dashed 1px #E0E0E0;overflow: hidden; }
.browse-maps li .item a{display:block;height:30px;line-height:30px;overflow: hidden;}
.browse-maps li .item .tpic{display: block; float: none; padding-right: 0;}
.browse-maps li .item .tpic a{height:200px;line-height:200px;}
.browse-maps li .item .tpic img{width:200px;padding:1px;border:solid 1px #E8CDC1;}
.browse-maps li.hover{height:230px;padding-bottom:10px;}
.browse-maps li.hover a{font-weight:bold;}

.case-share-form{clear:both;}
.case-share-form h1{height:50px;line-height:50px;margin-bottom:20px;}
.case-share-form .field{width:700px;}

.case-share-pics{text-align:center;}
.case-share-pics li{margin:10px 0;}

.share-tools{width:650px;margin:15px auto;}
.share-tools .tit{display:block;font-size:12px;}