1.cloud-zoom img{ 2 border: 1px solid #CCCCCC; 3} 4.cloud-zoom-gallery img{ 5 border: 0px solid #CCCCCC; 6} 7 8/* This is the moving lens square underneath the mouse pointer. */ 9.cloud-zoom-lens { 10 border: 0px solid #777777; 11 margin: 0px; /* Set this to minus the border thickness. */ 12 background-color:#fff; 13 cursor:move; 14} 15 16/* This is for the title text. */ 17.cloud-zoom-title { 18 font-family:Arial, Helvetica, sans-serif; 19 position:absolute !important; 20 background-color:#000; 21 color:#fff; 22 padding:3px; 23 width:100%; 24 text-align:center; 25 font-weight:bold; 26 font-size:10px; 27 top:0px; 28} 29 30/* This is the zoom window. */ 31.cloud-zoom-big { 32 border:1px solid #555555; 33 overflow:hidden; 34} 35 36/* This is the loading message. */ 37.cloud-zoom-loading { 38 color:white; 39 background:#CCCCCC; 40 padding:3px; 41 border:1px solid #CCCCCC; 42} 43.cloud-zoom-center { 44 display: block; 45 margin: 10px auto; 46} 47.cloud-zoom-block-left { 48 float:left; 49 margin-right: 100%; 50 margin-top: 10px; 51 margin-bottom: 10px; 52} 53.cloud-zoom-block-right { 54 float:right; 55 margin-left: 100%; 56 margin-top: 10px; 57 margin-bottom: 10px; 58} 59.cloud-zoom-float-left { 60 float:left; 61 margin-right: 10px; 62 margin-top: 10px; 63 margin-bottom: 10px; 64} 65.cloud-zoom-float-right { 66 float:right; 67 margin-left: 10px; 68 margin-top: 10px; 69 margin-bottom: 10px; 70} 71 72