@charset "utf-8";

/* CSS Document */

#conbody .content{

    list-style: none;

}

#conbody .content li{

    float: left;

    margin-right: 20px;

    position: relative;

    margin-bottom: 50px;

}

#conbody .content li:nth-child(3n+3){

    margin-right: 0px;

}

#conbody .content li a:hover .con01:after{

    content: '';

    width: 240px;

    height: 180px;

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    background:url(../images/care/cover.png) 95px center no-repeat , rgba(0,0,0,0.6);

    border: 5px  solid #FF6C00;

      -webkit-box-sizing: border-box;

         -moz-box-sizing: border-box;

              box-sizing: border-box;

}

#conbody .con01{

    width: 240px;

    height: 180px;

    margin-bottom: 4px;

}

#conbody .con01 img{

    max-width: 240px;

    max-height: 180px;

    height: auto !important;

}

#conbody .con02{

    font-size: 15px;

    color: #FFF;

    padding: 5px 10px;

    background: #6C6C6C;
	width:220px;
}

#conbody .con02:before{

    content: '';

    background: #FF6B00;

    width: 6px;

    height: 6px;

    display: inline-block;

    margin-right: 8px;

}

#conbody a:hover .con02{

background: #444444;

-webkit-box-shadow: inset 2px 2px 6px rgba(0,0,0,0.8);

-moz-box-shadow: inset 2px 2px 6px rgba(0,0,0,0.8);

box-shadow: inset 2px 2px 6px rgba(0,0,0,0.8);

	-webkit-transition: all .3s ease;

	-moz-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}