.color-picker-wrap li{list-style: none;}
.color-picker-wrap ul{width: 100%;padding: 0;display:inline-block;margin-bottom:0;}
.color-picker-wrap li{border: 1px dotted transparent;position:relative;float:left;width: 32px;height:32px;background:#000;cursor:pointer;filter:alpha(opacity=50);opacity:1;transition:opacity .2s;}
.color-picker-wrap li:hover{filter:alpha(opacity=100);opacity:1;-webkit-transform: scale(1.2);transform: scale(1.2);z-index: 9;}
.color-picker-wrap li.active{height:36px;margin-top:0;filter:alpha(opacity=100);opacity:1;border-style: solid;}
.color-picker-wrap li.add_new{background:#fff;border: 1px dotted #333333;text-align:center;line-height: 32px;font-size:24px;}
.color-picker-wrap.cp-sm li{width:24px;height:24px;}
.color-picker-wrap.cp-sm li.active{height:28px;}
.color-picker-wrap.cp-sm li.add_new{ line-height: 24px;font-size:16px;}
.color-picker-wrap.cp-lg li{width: 30px;height: 35px;margin: 12px 0px;}
.color-picker-wrap.cp-lg li.active{border-radius: 5px;-webkit-transform: scale(1.4);transform: scale(1.4);z-index: 99;width:24px;}
.color-picker-wrap.cp-lg li.add_new{line-height: 48px;font-size:40px;padding: 0px;font-size: 30px;}
.color-picker-wrap .color-picker{display:none;}
.color-picker-wrap.cp-lg li.add_new span {position: relative;top: -7px;}
.color-picker-wrap.cp-lg small{font-size: 20px;}