.pro_down_shoucang {
    background-image: url(../img/heise_bj.png);
    background-repeat: repeat;
    background-position: center center;
    width: 280px;
    height: 40px;
    position: absolute;
    display: none;
    _display: none;
}

.grid li:hover .pro_down_shoucang {
    display: block;
    _display: block;
}

.pro_down_shoucang a {
    position: absolute;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    top: 8px;
}
.pro_xiazai
{
    left: 15px;
    background-color: #3ac24d;
    padding-left:5px;
    padding-right:5px;
}

    .pro_xiazai:hover {
        text-decoration: none;
        background-color: #07a51e;
    }

.pro_shoucang {
    right: 15px;
    background-color: #ff7800;
    width: 60px;
}

    .pro_shoucang:hover {
        text-decoration: none;
        background-color: #e46b00;
    }

.box h3 {
    display: block;
    background: #fff;
    padding: 5px;
    line-height: 24px;
}

.box {
    width: 25%;
    float:left;
        box-sizing: border-box;
}
    .box img {
        width: 100%;
    }


.pic_box {
	width: 820px;
	float: left;
	background-color: #fff;
	padding-top: 20px;
	padding-right: 35px;
	padding-bottom: 20px;
	padding-left: 35px;
	margin-left: -15px;
}

.pic_box_title {
    width:100%;
    float:left;
    height:30px;
    line-height:30px;
	margin-bottom:5px;
}
.pic_box_title span{
	font-size: 14px;
	line-height: 30px;
	color: #333;
	}
.pic_box_title a {
        float:right;
    height: 24px;
    width: 60px;
    font-size: 12px;
    line-height: 24px;
    color: #fff;
    text-align: center;
    border-radius: 2px;
	background-color: #ff7800;
    }
.pic_box_title a:hover{
	 text-decoration: none;
      background-color: #e46b00;
	}
	
.pic_box_img {
    width:100%;
    float:left;
}
.pic_box_img_item
{
    width:100%;
    float:left;
    position:relative;
}
    .pic_box_img img {
        width:100%;
    }

.pic_box_bottom {
    width:100%;
    float:left;
	margin-top:10px;
}
    .pic_box_bottom a {
	float: left;
	color: #333;
	font-size: 14px;
    }
	.pic_box_bottom a:hover{
		color: #07a51e;
		}
.pic_similar {
    width:260px;
    float:right;
	margin-right:35px;
}
.pic_similar_items {
	width: 100%;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	background-color: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
}
    .pic_similar_items .s_box {
        width:130px;
        float:left;
		padding:0px;
    }
        .pic_similar_items .s_box a {
	float: left;
	width: 128px;
	overflow:hidden;
	border: 1px solid #fff;
        }
        .pic_similar_items .s_box img {
            width:128px;     
            float:left;
			-webkit-transition: all 0.4s linear -1ms;
	-moz-transition: all 0.45s linear -1ms;
	-ms-transition: all 0.4s linear -1ms;
	-o-transition: all 0.4s linear -1ms;
	transition: all 0.4s linear -1ms;

        }
.pic_similar_items .s_box a:hover{
	border: 1px solid #ff7800;
	}
.pic_similar_items .s_box img:hover{
	-webkit-transition: all 0.4s linear -1ms;
	-moz-transition: all 0.45s linear -1ms;
	-ms-transition: all 0.4s linear -1ms;
	-o-transition: all 0.4s linear -1ms;
	transition: all 0.4s linear -1ms;
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	zoom: 1.1\9; /* IE 8 */
	overflow:hidden;
	z-index:999;

	}
.pic_similar_keys {
    width:100%;
    float:left;
}
    .pic_similar_keys a {
        float:left;
        background-color:#ff7800;
        padding-left:5px;
        padding-right:5px;
        border-radius:5px;
    }
   .pic_box_img
{
    position: relative;
overflow:hidden;
}
.pic_login
{
    position: absolute;
    width: 100%;
    height: 100%;
    line-height: 100%;
    background: url(../img/pic_login_bg.png) repeat;
    top: 0px;
    left: 0px;
    text-align: center;
    min-height: 32px;
    line-height: 32px;
    color: #fff;
    font-size:16px;

}
.pic_login span
{
   width:100%;
   float:left;
   margin-top:25%;
}
.pic_login .color_1{
	color:#FF7800;
}
.pro_txt
{
    width:100%;
    padding-left:0px;
    padding-right:0px;
    display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-around;
            align-items: center;
            align-content: center;
            color: #fff;
            text-align: center;
}
.pro_txt p
{
    height:auto!important;
    bottom:auto!important;
}
.item
{
    border:0px;
    padding:5px;
}

.item .pro_img
{
    border:1px solid #dedede;
}

/*布局样式*/

@media screen and (min-width:767px) and (max-width:1200px) {
.box {
    width: 32%;
    margin-left:1.3%;  
    border: 1px solid #dedede;
    margin-top:1.3%;
}
.item .pro_img {
    border:none;
}
.pro_txt{ display:none!important;}
}
@media screen and (min-width:321px) and (max-width:765px)  {
.box {
    width: 48%;   
     margin-left:2%;  
    border: 1px solid #dedede;
    margin-top:2%;
}  
.item .pro_img {
    border:none;
}
.pro_txt{ display:none!important;}
}
@media screen and (max-width:320px)
{
    .box {
    width: 100%;   
     margin-left:0%;  
    border: 1px solid #dedede;
    margin-top:2%;
}  
.pro_txt{ display:none!important;}
.item .pro_img {
    border:none;
}
}