<style type="text/css">
#user_field .color_box {
 width: 175px;
 height: 175px;
 text-align: center;
 display: block;
 float: left;
 border: 1px solid #CCCCCC;
 margin: 0 1px;
 border-radius:8px;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
}
#user_field .color_box img {
 width: 170px;
 height: 170px;
 margin: 0;
 padding: 4px;
 opacity: 1;
 border-radius:8px;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 -webkit-transition: width 0.5s, height 0.6s, margin 0.5s, opacity 0.5s;
 transition: width 0.5s, height 0.6s, margin 0.5s, opacity 0.5s;
 z-index: 1;
}
#user_field .color_box img:hover {
 width: 380px;
 height: 380px;
 margin: -50px 0 0 -100px;
 opacity: 0.99;
 z-index: 9999;
}
#user_field .title {
 font-size: 22px;
 font-weight: bold;
 padding: 4px;
}
#user_field .colors {
 border: 0px;
 float: left;
 padding: 20px;
 margin-left: 0px;
}
</style>