.bg_white{
  background: #fff;
  box-shadow: 1px 2px 5px 0px #e6e6e6;
}
#goods{
  background: #f5f5f5;
  padding-bottom: 144px;
}
#goods .goods_banner{
  background: url(../images/goods_banner.jpg) no-repeat center center;
  height: 133px;
  margin-bottom: 50px;
}
#goods .goods_left{
  width: 896px;
  float: left;
}
#goods .goods_left .bg_white{
  padding: 30px;
}
#goods .goods_left h2{
  font-size: 26px;
}
#goods .upload_time{
  color: #999;
  border-bottom: 1px dashed #ddd;
  padding-bottom: 10px;
  width: 100%;
  display: block;
  margin-bottom: 10px;
}
#goods .goods_left .goods_label p{
  float: left;
  margin: 0;
  height: 25px;
  line-height: 25px;
  color: #999;
}
#goods .goods_left .goods_label a{
  height: 25px;
  background: #f6f6f6;
  color: #999;
  border: 1px solid #ececec;
  border-radius: 2px;
  float: left;
  line-height: 25px;
  padding: 0 10px;
  margin-right: 10px;
}
#goods .goods_left .goods_label a:hover{
  color: #fff;
  background: #ff5256;
  text-decoration: none;
  border: 1px solid #ff5256;
}
#goods .goods_left .goods_information{
  margin: 15px 0 25px;
}
#goods .goods_left .goods_information p{
  float: left;
  margin: 0 40px 0 0;
  color: #000;
}
#goods .goods_left .goods_information p span{
  color: #999;
}
#goods .goods_left .goods_information p a{
  color: #999;
}
#goods .goods_left .goods_information p a:hover{
  color: #ff5256;
}
#goods .goods_left .goods_information .no_login{
  color: #ff5256;
  margin-right: 0;
}
#goods .goods_left .goods_information .no_login a{
  color: #000;
  margin-left: 4px;
}
#goods .goods_left .goods_desc{
  line-height: 28px;
  color: #999;
  margin-bottom: 40px;
}
#goods .goods_main img{
  display: block;
  width: auto;
  max-width: 100%;
  margin: 0 auto 10px 0;
}
#goods .goods_action{
  text-align: center;
  margin-top: 40px;
}
#goods .goods_action a{
  display: inline-block;
  border: 1px solid #cfcfcf;
  border-radius: 50%;
  margin: 0 10px;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  cursor: pointer;
}
#goods .goods_action a i{
  height: 40px;
  width: 40px;
  display: block;
  margin: 10px;
}
#goods .goods_action .action_see i{
  background: url(../images/goods_link.png) no-repeat center center / contain;
}
#goods .goods_action .action_collection i{
  background: url(../images/goods_collection.png) no-repeat center center / contain;
}
#goods .goods_action .action_see:hover{
  background: #000;
}
#goods .goods_action .action_collection:hover,
#goods .goods_action .collect{
  background: #e8413c;
}
#goods .goods_action .action_collection:hover i,
#goods .goods_action .collect i{
  background-image: url(../images/goods_collection_w.png);
}
#goods .goods_comment{
  margin-top: 20px;
}
#goods .goods_comment .comment_title{
  font-size: 20px;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 10px;
}
#goods .goods_comment .comment_contenet_box{
  margin-top: 10px;
}
#goods .goods_comment .comment_contenet_box article{
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
#goods .goods_comment .comment_contenet_box article .comment_contenet{
  margin-bottom: 20px;
}
#goods .goods_comment .comment_contenet_box article .comment_contenet > i,
#goods .goods_comment .comment_contenet_box article .comment_own_reply > i{
  height: 50px;
  width: 50px;
  float: left;
  margin-right: 12px;
  border-radius: 50%;
  overflow:hidden;
}
#goods .goods_comment .comment_contenet_box article .comment_contenet > i img,
#goods .goods_comment .comment_contenet_box article .comment_own_reply > i img{
	width:100%;
}
#goods .goods_comment .comment_contenet_box article .comment_contenet .comment_name,
#goods .goods_comment .comment_contenet_box article .comment_own_reply .comment_name{
  float: left;
  width: 770px;
  color: #e8413c;
  margin: 5px 0;
}
#goods .goods_comment .comment_contenet_box article .comment_contenet .comment_name time,
#goods .goods_comment .comment_contenet_box article .comment_own_reply .comment_name time{
  float: right;
  color: #666;
}
#goods .goods_comment .comment_contenet_box article .comment_contenet .comment_reply,
#goods .goods_comment .comment_contenet_box article .comment_own_reply .comment_reply{
  float: left;
  width: 770px;
  line-height: 20px;
}
#goods .goods_comment .comment_contenet_box article .comment_own_reply{
  margin: 0 0 0 56px;
  background: #eaeaea;
  padding: 14px;
}
#goods .goods_comment .comment_contenet_box article .comment_own_reply .comment_name,
#goods .goods_comment .comment_contenet_box article .comment_own_reply .comment_reply{
  width: 690px;
}
#goods .goods_reply_box{
  margin-top: 20px;
}
#goods .goods_reply_box .mt{
  font-size: 20px;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 10px;
}
#goods .goods_reply_box .mc .no_login{
  text-align: center;
  font-size: 15px;
  height: 70px;
  line-height: 95px;
  margin: 0;
}
#goods .goods_reply_box .mc .no_login a{
  color: #e8413c;
  margin-left: 5px;
}
#goods .goods_reply_box .mc form{
  margin-top: 20px;
}
#goods .goods_reply_box .mc form .inputBorder{
  height: 100px;
  width: 100%;
  padding: 10px;
  border: 1px solid #dcdcdc;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  resize:none;
}
#goods .goods_reply_box .mc form .reply_action{
  margin-top: 20px;
}
#goods .goods_reply_box .mc form .reply_action .captcha_left{
  float: left;
}
#goods .goods_reply_box .mc form .reply_action .captcha_left input{
  width: 80px;
  padding: 4px;
  margin-right: 5px;
}
#goods .goods_reply_box .mc form .reply_action .captcha_left img{
  height: 29px;
}
#goods .goods_reply_box .mc form .reply_action .captcha_right{
  float: right;
}
#goods .goods_reply_box .mc form .reply_action .captcha_right input{
  height: 29px;
  line-height: 29px;
  text-align: center;
  background:#e8413c;
  color: #fff;
  border: 0;
  padding: 0 20px;
}
#goods .goods_reply_box .mc form .reply_action .captcha_right input:hover{
  box-shadow: 2px 3px 4px #ccc;
}
#goods .goods_right{
  float: right;
  width: 280px;
}
#goods .goods_right .adviser .mt{
  height: 42px;
  line-height: 42px;
  text-align: center;
  background: #3b3636;
  color: #fff;
  font-size: 16px;
}
#goods .goods_right .adviser .mc .adviser_img{
  background: url(../images/adviser_bg.png) no-repeat center center;
  padding: 15px 0;
  margin-top: 14px;
}
#goods .goods_right .adviser .mc .adviser_img img{
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: 50%;
  margin: 0px auto;
  display: block;
}
#goods .goods_right .adviser .mc .adviser_img p{
  color: #525151;
  font-size: 16px;
  text-align: center;
  margin: 20px 0 0;
  display: block;
  padding-bottom: 10px;
}
#goods .goods_right .adviser .mc .adviser_img p span{
  font-size: 14px;
  margin-left: 25px;
}
#goods .goods_right .adviser .mc .adviser_action{
  text-align: center;
  padding: 20px 0;
}
#goods .goods_right .adviser .mc .adviser_action a{
  display: inline-block;
  width: 122px;
  height: 34px;
  margin: 0 4px;
  text-align: center;
  line-height: 34px;
  border: 1px solid #de342f;
  border-radius: 4px;
  background: #de342f;
  font-size: 16px;
  color:#fff;
  cursor: pointer;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
#goods .goods_right .adviser .mc .adviser_action .look_phone{
  color: #de342f;
  background: #fff;
}
#goods .goods_right .adviser .mc .adviser_action a:hover{
  box-shadow: 3px 3px 6px 0px #bfbfbf;
}
#goods .goods_right .call_me{
  margin-top: 20px;
  padding: 10px;
}
#goods .goods_right .call_me .call_me_phone{
  height: 35px;
  float: left;
  text-indent: 4px;
  width: 180px;
  border: 1px solid #d6d6d6;
}
#goods .goods_right .call_me .comment_btns{
  width: 80px;
  float: left;
  border: 0;
  height: 35px;
  line-height: 35px;
  text-align: center;
  background: #3f4040;
  color: #fff;
  font-size: 15px;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
#goods .goods_right .call_me .comment_btns:hover{
  background: #2fc6de
}
#goods .goods_right .case{
  margin-top: 20px;
}
#goods .goods_right .case .mt{
  background: #6ec884;
  height: 40px;
  line-height: 40px;
  text-indent: 10px;
  color: #fff;
  font-size: 15px;
}
#goods .goods_right .case .mt a{
  float: right;
  font-size: 14px;
  color:#fff;
  margin-right: 10px;
  cursor: pointer;
}
#goods .goods_right .case .mt a:hover{
  color: #de342f;
}
#goods .goods_right .case .mc article{
  margin-top: 10px;
  padding-bottom: 20px;
}
#goods .goods_right .case .mc .img_box{
  margin-bottom: 10px;
}
#goods .goods_right .case .mc .img_box img{
  width: 261px;
  height: 189px;
  margin: 0 auto;
  display: block;
}
#goods .goods_right .case .mc .title{
  margin-bottom: 10px;
  margin: 0 23px 5px;
  color: #333;
  font-size: 14px;
}
#goods .goods_right .case .mc .title a{
  color: #333;
}
#goods .goods_right .case .mc .tap{
  font-size: 12px;
    color: #999;
    margin: 0 23px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #e4e3e3;
}
#goods .goods_right .case .mc .tap a{
  float: right;
  background: url(../images/goods_collection.png) no-repeat center center / contain;
  height: 20px;
  width: 20px;
}
#goods_list .goods_banner{
  background: url(../images/goods_banner.jpg) no-repeat center center;
  height: 133px;
  margin-bottom: 50px;
}
.goods_list_menu .goods_tag{
	display:none;
}
.goods_list_menu .mt{
  font-size: 16px;
  margin-bottom: 10px;
}
.goods_list_menu .mt p{
  display: block;
  width: 108px;
  border-bottom: 1px solid #bfbfbf;
  padding-bottom: 6px;
  margin: 0;
}
.goods_list_menu nav a{
  float: left;
  padding: 4px 8px;
  border: 1px solid #e4e6e8;
  margin-right: 10px;
  margin-bottom:10px;
  border-radius: 2px;
  background: #f6f6f6;
  color: #999;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.goods_list_menu nav a:hover{
  background: #ff5256;
  color: #fff;
  border-color: #ff5256;
}
.goods_category{
  margin-bottom: 30px;
}
.goods_list{
  margin-top: 40px;
}
#goods_list .goods_list li{
  float: left;
}

#goods_list .goods_list li{
  width: 380px;
  height: 435px;
  float: left;
  border: 1px solid #f2f2f2;
  box-shadow:1px 1px 12px 0px rgba(226, 226, 226, 0.5);
  margin: 0 30px 30px 0;
  transition: all .3s ease-out;
  -moz-transition: all .3s ease-out 0s;
  -ms-transition: all .3s ease-out 0s;
  -o-transition: all .3s ease-out 0s;
  -webkit-transition: all .3s ease-out 0s;
}
#goods_list .goods_list li .img_box{
  background: #f8f8f8;
  position:relative;
  overflow:hidden;
}
#goods_list .goods_list li .img_box:before{
	content: "";
	display: block;
	width: 100%;
	z-index: 1;
	height: 100%;
	background: url(../images/bg.png) no-repeat bottom center;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
	transition: ease 1s;
	opacity: 0;
}
#goods_list .goods_list li .img_box img{
  width: 378px;
  height: 283px;
  transition: ease .4s;
}
#goods_list .goods_list li .case_info .title{
  color: #333;
  font-size: 14px;
  height: 50px;
  line-height: 50px;
  width: 240px;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px dashed #e4e3e3;
}
#goods_list .goods_list li .case_info .label{
  font-size: 12px;
  color: #666;
  width: 240px;
  margin: 16px auto;
  text-align: center;
  display: block;
  padding: 0;
  font-weight: 100;
}
#goods_list .goods_list li .case_info .label span{
  font-size: 12px;
  color: #ff5256;
  margin: 0 10px;
}
#goods_list .goods_list li .case_action{
  text-align: center;
}
#goods_list .goods_list li .case_action a{
  width: 72px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color:#fff;
  display: inline-block;
  margin: 0 13px;
}
#goods_list .goods_list li .case_action .go_inside{
  background: #ff5256;
}
#goods_list .goods_list li .case_action .go_plan{
  background: #626262;
}
/* #goods_list .goods_list li:hover{
  box-shadow: 0px 0px 9px 2px rgba(255, 82, 86, 0.3);
} */
#goods_list .goods_list li:hover .img_box:before{
	opacity:1;
}
#goods_list .goods_list li:hover .img_box img{ 
	transform: scale(1.1,1.1);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}