body, div, ul, ol, h1, h2 { margin: 0; padding: 0; }
img { border: 0; }
li { list-style: none; margin: 0; padding: 0; }
a { margin: 0; outline: none; padding: 0; text-decoration: none; }
/*
+----------------------------------------------------------------+
	Extras
+----------------------------------------------------------------+
*/

.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.clear { clear: both; }
/*
+----------------------------------------------------------------+
	Definicoes Gerais
+----------------------------------------------------------------+
*/

body { background-color: #f9f9f9; /*color: #eaeaea;*/ font: Verdana, Geneva, sans-serif; }

/*
+----------------------------------------------------------------+
	    show
+----------------------------------------------------------------+
*/

:root {
--slider-width:800px;
--slider-height:calc(var(--slider-width) *0.514);
--slider-operation-width:calc(var(--slider-width) *0.16);
}
.detail-slider{width:730px}
/*.slider { margin: 0 auto; width: 730px; }*/
.slider-container {height:360px;height: var(--slider-height); margin: 0 auto 16px; overflow: hidden; position: relative; width:706px;width:var(--slider-width); float: left; }
    .slider-container .slider-wrapper { left: 0; overflow: hidden; position: absolute; top: 0; width: 5000em; /*Fix for prevent display errors*/ -webkit-transition: all 800ms ease; -moz-transition: all 800ms ease; -o-transition: all 800ms ease; transition: all 800ms ease;margin-left:113px; margin-left:calc(var(--slider-width) *0.16); z-index: 555; }
    .slider-container .slide { float: left;  overflow: hidden; position: relative; width:480px;width: calc(var(--slider-width) *0.68); margin-left: 0px; }
.slider-nav { text-align: center;width:700px; width:var(--slider-width);  }

    .slider-nav li { display: inline; padding: 2.4px; }
    .slider-nav .bullet { height: 53.6px; width: 64px; background-repeat: no-repeat; background-size: 64px 53.6px; display: inline-block; background-color: #59baa8; }
    .slider-nav .active { opacity: 0.5; }
.prev, .next { display: inline-block; overflow: hidden; width:100%; margin: 0 0 0 0; }
.next { background-position: -12px top; }

.slide img {width:480px; width: calc(var(--slider-width) *0.68);height:360px;height:var(--slider-height) }
.slider-operation {width:113px; width:calc(var(--slider-width) *0.16); float: left; position: relative;height:360px;height:var(--slider-height); z-index: 666; }
.slider-operation-prev {margin-right: -113px;  margin-right:calc(0px - (var(--slider-width) * 0.16)); }
.slider-operation-next {margin-left: -113px; margin-left:calc(0px - (var(--slider-width) * 0.16)); }
/*.prev, .next { margin-left: 47px; margin-top: 166px; }*/
/*.slider-operation-prev { width: 142px; height: 400px; margin-right: -144px; float: left; }*/
.prev { background: url('../img/detail_prev.png') no-repeat;background-size: 100% 100%;width:106px; width:calc(var(--slider-operation-width) *0.92);height:360px;height:var(--slider-height)}
.next { background: url('../img/detail_next.png') no-repeat;background-size: 100% 100%;width:106px; width:calc(var(--slider-operation-width) *0.92);height:360px;height:var(--slider-height)}
.slider-white-prev { background-color: white; width:7px;width: calc(var(--slider-operation-width) *0.08);height:360px;height:var(--slider-height);  z-index: 1000; float: right; }
.operation-prev, .operation-next {width:106px; width:calc(var(--slider-operation-width) *0.92);background-color: #E8E8E8; height:360px;height:var(--slider-height); opacity: 0.5; }
.operation-next { float: right; }
.operation-prev { float: left; }

.slider-white-next { background-color: white; width:7px;width: calc(var(--slider-operation-width) *0.08);height:360px;height:var(--slider-height);  z-index: 1000; float: left; }