css - product additional images right to the product image in opencart 2.0 -

i want place additional images of products when open product right product image in default opencart 2.0.1.1 theme below product image how it.please me.

first define class named "image1" first <li></li> in <ul></ul> class thumbnails. give width 50% both divs named "col-sm-4" product images , "col-sm-8" product name , description. remove float: left .thumbnails .image-additional in stylesheet.css , define margin 80%. then, define new class this:

.thumbnails .image1 {     width:70%;     float:left; }