custom my checkbox

Sample Code custom my checkbox
////////////////////////////////
label{
    float:left;
    position:relative;
    width:80px;
    height:80px;
    padding-right:5px;
}
    label img{
        width:80px;
        height:80px;
    }
    label input[type='checkbox']{
        position:absolute;
       left:0px;
        top:0px;
        border:10px solid blue;
        width:80px;height:80px;
        opacity:0.3;
        color:red;
}

<label class="l">
 <img src="http://giant9.com/assets/img/jl.png" >
<input type="checkbox" class="cb" value="1">
</label>
<label class="l">
 <img src="http://giant9.com/assets/img/jl.png" >
<input type="checkbox" class="cb"  value="2">
</label>
     <label class="l">
 <img src="http://giant9.com/assets/img/jl.png" >
<input type="checkbox" class="cb"  value="3">
</label>