Problem with product image thumb

[kawamono]

My website is http://kawamono.com

I'm using prestashop 1.6.11, using default theme, image 01 show the product image slider have 4 image ( totally i have 5 image ), the 5th image will appear when i click the ">" button ( green circle ).
IMAGE01 ( The red frame )


image 02 show the 5th image, this is normal and good, the problem start from responsive theme.

IMAGE02 ( The red frame )


At image 03 show the responsive theme, normally, because of the resolution, the image slider only show two boxes thumbnails plus a ">" button, that's good and acceptable.

IMAGE03 ( The red frame )


When i click the ">" button, then it turns to 3rd and 4th image like image 04.

IMAGE 04 ( The red frame )


Now, the problem is appear, the 5th image will not be show because the ">" button is gone...( Green circle ),
i open chrome brower DevTools ( F12 ) and check the missing ">" button show by image 05.

IMAGE 05 ( The red frame )


There will see the html code marked by green area :
style="cursor: default; opacity: 0; display: none;"

I figure out this maybe the problem from javascript, but i don't know how to fix this, and i try to modify the code in the DevTools like this :
style="cursor: default; opacity: 1; display: block;"

Then the ">" button appear again like image 06.

IMAGE 06 ( The red circle )


After that, i click the ">" button, and the 5th image is show like image 07

IMAGE 07 ( The red frame )


I just wonder how can i fix this, which file i need to modify? I really need for help, Thank you very much.

[kawamono]

Any help? Thanks a lot

[kawamono]

Problem Solved