<meta charset="utf-8"/>
<style>
#lp-geral { margin: auto; display: block; width: 100%; float: none; font-family: Arial, "Helvetica Neue", sans-serif !important; }
#lp-geral p {font-family: Arial, "Helvetica Neue", sans-serif !important; font-size: 17px;}
#lp-geral p b {font-family: Arial, "Helvetica Neue", sans-serif !important;}
#lp-geral h1 {font-family: Arial, "Helvetica Neue", sans-serif !important; color: #cc0000; font-size: 30px; margin: auto; text-align: center; line-height: 45px; margin-top: 30px;}
#lp-geral h2 {font-family: Arial, "Helvetica Neue", sans-serif !important; color: #999; font-size: 24px; margin: auto; text-align: center; margin-bottom: 10px;}
#lp-geral h3 {font-family: Arial, "Helvetica Neue", sans-serif !important; color: #000; font-size: 24px; margin: auto; margin-bottom: 10px;}
.align-center {text-align: center; margin: auto;}
.padding-p-1 {padding: 20px;}
.padding-top-60 {padding-top: 60px;}
.padding-bottom-60 {padding-bottom: 60px;}
.image-heder-back-estatico {
margin: 0; padding: 0;
background: #f2f2f2;
min-height: 490px;
position: relative;
display: table;
width: 100%;
}
.full-card-container {
display: table-row; width: 100%; height: 50%; margin: 0; padding: 0;
}
.full-card-img-lente {
display: table-row; width: 100%; height: 50%; margin: 0; padding: 0;
}
.full-card-img-lente-content {
display: table-cell; vertical-align: middle; position: relative;
}
.full-card-img-lente-content:before {
content: '';
display: block;
width: 100%;
height: 50%;
position: absolute;
bottom: 0;
left: 0;
background: #fff;
}
.img-lente-topo {
position: relative; margin: 0 auto; overflow: hidden;
}
.img-lente-topo img {
max-width: 700px; height: auto; text-align: center; margin: auto; display: block;
}
.content-lp-lente {width: 100%; max-width: 1200px; display: block; margin: auto;}
.content-lp-lente-740 {max-width: 940px; width: 100%; display: block; margin: auto; padding: 3% 0;}
.lente-ideal {width: 100%; height: auto; display: block; background: #f2f2f2; padding-bottom: 15px;}
#lp-geral p.p-titulo {font-family: Arial, "Helvetica Neue", sans-serif !important; font-size: 24px; padding-top: 30px;}
#lp-geral p.p-titulo-2 {font-family: Arial, "Helvetica Neue", sans-serif !important; font-size: 20px; padding-top: 0; margin-bottom: 60px;}
.content-lp-lente-specs {display: flex; justify-content: center; align-content: center; align-items: center; max-width: 1200px; margin: auto;}
.content-lp-lente-specs p { padding: 0 6% !important; }
.award-images {width: 700px; display: flex; margin: auto;}
.awards-image { max-width: 130px; display: block; margin: auto; text-align: center; float: left; }
.grid-esq-01 {float: left; width: 60%;}
.img-right {display: block; float: right; width: 40%; height: auto;}
.grid-dir-01 {float: right; width: 60%; }
.img-left {display: block; float: left; width: 40%; height: auto;}
.img-100 {width: 100%; height: auto; display: block;}
.p-justify {text-align: justify !important;}
.grid-50 {width: 50%; text-align: center; float: left;}
.t-hero {
display: table;
width: 98.5%;
margin: 0 auto;
padding: 0;
}
.gallery-main { width: 48.5%; float: left; }
.t-container { width: 50%; float: left;}
.t-container img { width: 47%; height: auto; float: left;}
.t-container-img-top {padding: 0 0 3% 3%;}
.t-container-img-bottom {padding-left: 3%;}
.content-lp-discalimer { max-width: 1200px; margin: auto; display: block; border-top: 1px solid #ccc; margin-top: 30px; }
.content-lp-discalimer p {font-size: 14px !important; text-align: justify; padding: 40px 0 0 0;}
.lp-bg-cinza {background-color: #e7e7e7;}
.b-titulo {color: #cc0000; padding-bottom: 5px; display: block;}
@media (max-width: 1200px) {
.content-lp-discalimer {width: 90% !important;}
.padding-p-1 { padding: 10px; }
}
@media (max-width: 865px) {
.img-left, .img-right { margin: 30px 0; }
.img-lente-topo img {max-width: inherit; width: 90%;}
.image-heder-back-estatico {min-height: 0;}
}
@media (max-width: 700px) {
.award-images { width: 100%; display: block; margin: auto;}
.awards-image { max-width: 130px; display: block; margin: auto; text-align: center; float: none; margin-bottom: 18px; }
.custom-font-medium-bold {padding-top: 5px !important;}
.grid-50 { width: 100%; text-align: center; float: none; padding-top: 50px;}
.grid-50 p { margin: 0 auto !important; text-align: center;}
.padding-top-60 { padding-top: 0; }
.padding-bottom-60 { padding-bottom: 30px;}
#lp-geral h1 { margin-top: 0;}
.gallery-main { width: 100%;float: none;margin-bottom: 20px;}
.t-container { width: 100%; float: none; }
.padding-left-0 {padding-left: 0 !important;}
.t-container img { width: 48.5%; }
.content-lp-lente-specs { flex-wrap: wrap; }
.grid-esq-01 { float: none; width: 100%; margin: auto; order: 2; }
.grid-esq-01 p, .grid-dir-01 p {text-align: center !important; padding: 0 6% 6% 6% !important;}
.img-left, .img-right { width: 100%; margin: 0; margin: 10px 0; }
.img-right {order: 1;}
.grid-dir-01 { float: none; width: 100%; margin: auto; margin-top: 30px; }
#lp-geral p.p-titulo-2 { margin-bottom: 0;}
.lp-bg-cinza {background: none; background-color: #fff;}
.content-lp-discalimer { margin-top: 50px;}
.b-pad-mobile {padding-top: 25px !important;}
}
/*CSS - SLIDER*/
.ctm_overview-center-block {
display: block;
margin: 15px auto;
}
.ctm_overview-items-inline-block {
list-style: none;
margin: 0;
padding: 0;
}
.prev,
.next {
display: block;
position: absolute;
top: 50%;
width: 30px;
height: 30px;
margin-top: -15px !important;
z-index: 1;
font-size: 0;
background: #fff;
box-shadow: 0 2px 8px rgba(0,0,0,0.5);
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
-ms-appearance: none;
appearance: none;
border: none;
border-radius: 50%;
z-index: 11;
cursor: pointer;
}
.prev:before,
.next:before,
.prev:after,
.next:after {
content: '';
width: 2px;
height: 15px;
background: #e42a24;
display: block;
}
.prev {
left: 0px;
}
.prev:before,
.prev:after {
position: absolute;
top: 50%;
left: 12px;
border-radius: 2px;
}
.prev:before {
margin-top: -3px;
-webkit-transform: rotate(-50deg);
-moz-transform: rotate(-50deg);
-o-transform: rotate(-50deg);
-ms-transform: rotate(-50deg);
transform: rotate(-50deg);
}
.prev:after {
margin-top: -12px;
-webkit-transform: rotate(50deg);
-moz-transform: rotate(50deg);
-o-transform: rotate(50deg);
-ms-transform: rotate(50deg);
transform: rotate(50deg);
}
.next {
right: 0px;
}
.next:before,
.next:after {
position: absolute;
top: 50%;
border-radius: 2px;
left: 16px;
}
.next:before {
margin-top: -3px;
-webkit-transform: rotate(50deg);
-moz-transform: rotate(50deg);
-o-transform: rotate(50deg);
-ms-transform: rotate(50deg);
transform: rotate(50deg);
}
.next:after {
margin-top: -12px;
-webkit-transform: rotate(-50deg);
-moz-transform: rotate(-50deg);
-o-transform: rotate(-50deg);
-ms-transform: rotate(-50deg);
transform: rotate(-50deg);
}
@media (min-width: 768px) {
.ctm_overview {
font-size: 16px;
}
.prev,
.next {
width: 50px;
height: 50px;
margin-top: -25px !important;
}
.prev:before,
.next:before,
.prev:after,
.next:after {
width: 4px;
height: 25px;
}
.prev:before,
.next:before,
.prev:after,
.next:after {
top: 50%;
left: 20px;
}
.prev:before,
.next:before {
margin-top: -6px;
}
.prev:after,
.next:after {
margin-top: -20px;
}
.next:before,
.next:after {
left: 25px;
}
.next:before {
margin-top: -6px;
}
.next:after {
margin-top: -20px;
}
.prev {
left: 15px;
}
.next {
right: 15px;
}
}
.ctm_overview-full-card {
min-height: 450px;
position: relative;
display: table;
width: 100%;
}
.ctm_overview-full-card .bg-animate {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background-size: cover !important;
background-position: bottom !important;
background-blend-mode: darken;
-webkit-transition: 0.7s;
-moz-transition: 0.7s;
-o-transition: 0.7s;
-ms-transition: 0.7s;
transition: 0.7s;
}
.ctm_overview-full-card-text-container {
display: table-row;
width: 100%;
height: 50%;
}
.ctm_overview-full-card-text {
display: table-cell;
vertical-align: bottom;
width: 100%;
padding: 0;
box-sizing: border-box;
padding-top: 0;
}
.ctm_overview-full-card-image-container {
display: table-row;
width: 100%;
height: 50%;
}
.ctm_overview-full-card-image {
display: table-cell;
vertical-align: middle;
position: relative;
padding: 13px;
box-sizing: border-box;
}
.ctm_overview-full-card-image:before {
content: '';
display: block;
width: 100%;
height: 50%;
position: absolute;
bottom: 0;
left: 0;
background: #fff;
}
.ctm_overview-full-card-image-bottom-dark:before {
background: #1c1c1c;
}
.ctm_overview-full-card-image-bg {
position: relative;
}
.ctm_overview-full-card-bg-full-image {
background-size: cover !important;
background-position: center !important;
}
.ctm_overview-full-card-bg-full-image.bg-left {
background-position: left !important;
}
.ctm_overview-full-card-title {
font-size: 3.5em;
text-shadow: 2px 2px 5px rgba(0,0,0,0.3);
}
.ctm_overview-card {
background: #fff;
width: 100%;
margin: 20px 0;
-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.3);
-moz-box-shadow: 0 0 30px rgba(0,0,0,0.3);
-o-box-shadow: 0 0 30px rgba(0,0,0,0.3);
-ms-box-shadow: 0 0 30px rgba(0,0,0,0.3);
box-shadow: 0 0 30px rgba(0,0,0,0.3);
}
.ctm_overview-card-content {
color: #050505;
padding: 15px;
box-sizing: border-box;
}
.ctm_overview-card-image {
width: 100%;
}
.ctm_overview-card-image img {
width: 100%;
}
.ctm_overview-card-dark .card-content {
color: #fff;
}
.full-card-h-lg {
min-height: 450px;
}
.full-card-h-auto {
min-height: 1px;
height: auto;
}
.slider-in-table {
width: 1300px;
margin: 0 auto;
}
@media (max-width: 1345px) {
.slider-in-table {
width: 1100px;
}
}
@media (max-width: 1150px) {
.slider-in-table {
width: 950px;
}
}
@media (max-width: 1000px) {
.slider-in-table {
width: 850px;
}
}
@media (max-width: 900px) {
.slider-in-table {
width: 750px;
}
}
@media (max-width: 800px) {
.slider-in-table {
width: 700px;
}
.ctm_overview-center-block { width: 70%; }
.ctm_overview-full-card-text-container { display: none; }
}
@media (max-width: 768px) {
.full-card-h-lg {
/* min-height: 600px;*/
}
.prev,
.next {
width: 50px;
height: 50px;
margin-top: -25px !important;
}
.prev:before,
.next:before,
.prev:after,
.next:after {
width: 4px;
height: 25px;
}
.prev:before,
.next:before,
.prev:after,
.next:after {
top: 50%;
left: 20px;
}
.prev:before,
.next:before {
margin-top: -6px;
}
.prev:after,
.next:after {
margin-top: -20px;
}
.next:before,
.next:after {
left: 25px;
}
.next:before {
margin-top: -6px;
}
.next:after {
margin-top: -20px;
}
.prev {
left: 15px;
}
.next {
right: 15px;
}
}
@media (max-width: 740px) {
.slider-in-table {
width: 550px;
}
}
@media (max-width: 580px) {
.slider-in-table {
width: 450px;
}
}
@media (max-width: 550px) {
.slider-in-table {
width: 420px;
}
}
@media (max-width: 520px) {
.slider-in-table {
width: 400px;
}
}
@media (max-width: 450px) {
.slider-in-table {
width: 390px;
}
}
@media (max-width: 420px) {
.slider-in-table {
width: 370px;
}
}
@media (max-width: 400px) {
.slider-in-table {
width: 350px;
}
}
@media (max-width: 380px) {
.slider-in-table {
width: 340px;
}
}
@media (max-width: 330px) {
.slider-in-table {
width: 290px;
}
}
* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.image-heder-back {
/*background-image: url(https://extranet.canon.com.br/ecommerce/_files/lentes/ef/ef_17_40mm_f4_lusm/images/eos-m200_header_br_4.jpg);*/
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-color: #f2f2f2;
}
.logo-24 {
max-width: 80% !important;
display: block !important;
margin: auto !important;
}
.logo-b-slide {
display: block;
margin: auto;
padding-bottom: 120px;
}
.logo-ef {
/*padding-top: 13%;*/
padding-bottom: 0;
display: block;
/*margin: auto;*/
}
.text-plec {
text-align: center;
}
.tx-grd {
color: #fff; font-family: Arial, "Helvetica Neue", sans-serif !important;
font-size: 18px;
margin-top: 5px !important;
}
.icons-retrato {
width: 100px;
}
.titl-red-plec {
text-align: center;
color: #fff;
}
.tx-grid-text {
font-weight: 200;
padding-left: 30px;
padding-right: 30px;
color: #fff;
}
.col-sec-icons {
width: 300px;
display: inline-block;
vertical-align: top;
}
.slide-space {
height: 323px;
}
.ctm_overview-align-center {
text-align: center;
}
.ctm_overview-left,
.ctm_overview-right {
position: absolute;
top: 0;
height: 100%;
display: flex;
align-items: center;
color: #fff;
font-size: 70px;
z-index: 999;
cursor: pointer;
}
.ctm_overview-left {
display: block;
margin: 0 auto;
text-align: center;
position: relative;
}
.arrow-lef {
cursor: pointer;
position: absolute;
left: 41.1%;
bottom: 13.3%;
width: 15px;
height: 7%;
color: transparent !important;
font-size: 90px;
}
.tutl-ef {
text-align: center;
font-size: 50px;
}
.ctm_overview-right {
display: block;
margin: 0 auto;
text-align: center;
position: relative;
}
.grid-icons {
width: 33%;
display: inline-block;
text-align: center;
}
.arrow-ri {
cursor: pointer;
position: absolute;
bottom: 19%;
width: 10px;
height: 2%;
color: transparent !important;
font-size: 90px;
}
.ctm_overview-slideshow {
width: 100%;
position: relative;
}
.ctm_overview-slider-ef .ctm_overview-caption {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
z-index: 9;
flex-direction: column;
}
.ctm_overview-ef50mm-t-slide {
font-size: 80px;
margin-top: -150px;
text-shadow: 2px 2px 5px rgba(0,0,0,0.3);
}
.ctm_overview-pagination {
position: absolute;
top: 102%;
display: flex;
width: 100%;
justify-content: center;
}
.ctm_overview-pagination li {
font-size: 20px;
margin: 2px 5px;
}
.ctm_overview-left,
.ctm_overview-right {
position: absolute;
top: 0;
height: 100%;
display: flex;
align-items: center;
color: #fff;
font-size: 70px;
z-index: 999;
cursor: pointer;
}
.ctm_overview-left {
left: 25%;
}
.ctm_overview-right {
right: 29%;
}
.images-slide-t7 {
width: 100%;
}
@media screen and (max-width: 420px) {
.escritorio img {
width: 65%;
}
.text-plec {
padding: 10px;
}
.slide-space {
height: 0px;
}
.arrow-lef {
font-size: 50px;
}
.arrow-ri {
font-size: 50px;
}
.logo-b-slide {
margin-top: 157px !important;
position: relative;
width: 130px;
}
.prev {
left: 4px;
}
.next {
right: 4px;
}
.red-band {
height: auto !important;
}
.sectiongrey {
margin-top: 0%;
}
button#left_slide-banner {
margin-top: -23px !important;
}
button#right_slide-banner {
margin-top: -22px !important;
}
.logo-b-slide {
padding-bottom: 0px;
}
.icons-list {
margin-top: -20px !important;
}
}
@media screen and (max-width: 390px) {
button#left_slide-banner {
margin-top: -35px !important;
}
button#right_slide-banner {
margin-top: -35px !important;
}
}
@media screen and (max-width: 350px) {
button#left_slide-banner {
margin-top: -50px !important;
}
button#right_slide-banner {
margin-top: -50px !important;
}
}
@media screen and (max-width: 325px) {
.logo-b-slide {
margin-top: 134px !important;
}
button#left_slide-banner {
margin-top: -40px !important;
}
button#right_slide-banner {
margin-top: -40px !important;
}
}
/*CSS - VIDEO*/
.embed-container { position: relative; padding-bottom: 56.25%; padding-left: 20%; padding-right: 20%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#video-container { padding:0 32% 0 32%; }
.video-container-geral { background: #f2f2f2; padding: 10px 0 60px 0; margin: 80px 0;}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<div id="lp-geral">
<!--TOPO ESTATICO-->
<div class="image-heder-back-estatico">
<div class="full-card-container"></div>
<div class="full-card-img-lente">
<div class="full-card-img-lente-content">
<div class="img-lente-topo"><img src="https://extranet.canon.com.br/ecommerce/_files/lentes/ef/ef_17_40mm_f4_lusm/images/lp_17-40mm_f4_product_br.png"></div>
</div>
</div>
</div>
<!--//TOPO ESTATICO-->
<div class="content-lp-lente">
<h1>EF 17-40mm f/4L USM</h1>
<h2>LENTE ZOOM ULTRA GRANDE ANGULAR</h2>
<p class="align-center padding-p-1">Uma objetiva Zoom Ultra Grande Angular que permite nitidez em diversas distâncias focais.</p>
</div>
<div class="lente-ideal">
<p class="p-titulo align-center padding-p-1">A Lente EF 17-40mm f/4L USM é ideal para:</p><br>
<div class="award-images">
<div class="awards-image" style="">
<img src="https://extranet.canon.com.br/ecommerce/_files/lentes/ef/ef_17_40mm_f4_lusm/images/icone_lp_lentes_arquitetura.png" style="margin: auto;">
<div class="custom-font-medium-bold" style="text-align:center;padding-top:20px;font-size:18px;color:#333;width:121px;">Arquitetura</div>
</div>
<div class="awards-image" style="">
<img src="https://extranet.canon.com.br/ecommerce/_files/lentes/ef/ef_17_40mm_f4_lusm/images/lp-EF24-70mmf2.8LIIUSM_icon-03.png" style="margin: auto;">
<div class="custom-font-medium-bold" style="text-align:center;padding-top:20px;font-size:18px;color:#333;width:121px;">Paisagem</div>
</div>
<div class="awards-image" style="">
<img src="https://extranet.canon.com.br/ecommerce/_files/lentes/ef/ef_17_40mm_f4_lusm/images/lp-EF24-70mmf2.8LIIUSM_icon-01.png" style="margin: auto;">
<div class="custom-font-medium-bold" style="text-align:center;padding-top:20px;font-size:18px;color:#333;width:121px;">Viagem</div>
</div>
<div class="awards-image" style="">
<img src="https://extranet.canon.com.br/ecommerce/_files/lentes/ef/ef_17_40mm_f4_lusm/images/lp-EF24-70mmf2.8LIIUSM_icon-02.png" style="margin: auto;">
<div class="custom-font-medium-bold" style="text-align:center;padding-top:20px;font-size:18px;color:#333;width:121px;">Fotojornalismo</div>
</div>
</div>
<br clear="all">
</div>
<br clear="all">
<div class="content-lp-lente-specs">
<div class="grid-esq-01">
<p class="p-justify">
<b class="b-titulo">Recursos detalhados:</b>
- Lente Zoom Ultra Grande Angular para todas as câmeras com montagem EF;<br>
- Imagens nítidas e de elevado contraste com elementos Super UD (dispersão ultrabaixa) para eliminar as aberrações cromáticas;<br>
- Distância de foco mínima de apenas 28cm em toda a área de zoom;<br>
- Altamente resistente ao pó e à humidade;<br>
- Focagem automática rápida e silenciosa que inclui um motor ultrasônico (USM).
</p>
</div>
<img class="img-right" src="https://extranet.canon.com.br/ecommerce/_files/lentes/ef/ef_17_40mm_f4_lusm/images/lp_17-40mm_f4_product_br.png">
<br clear="all">
</div>
<br/>
<div class="content-lp-lente-specs lp-bg-cinza">
<img class="img-left" src="https://extranet.canon.com.br/ecommerce/_files/lentes/ef/ef_17_40mm_f4_lusm/images/lp_EF17-40mmf4LUSM_imgbr_1.jpg">
<div class="grid-dir-01">
<p class="p-justify">
<b class="b-titulo">Elevado desempenho óptico</b>
A EF17-40mm f/4L USM tem 12 elementos ordenados por 9 grupos. O Revestimento Super Spectra nos elementos garante um excelente equilíbrio de cores e minimiza o brilho e o efeito "fantasma". Para obter uma ótima qualidade de imagem a partir de um intervalo de zoom de 17-40mm, a objetiva utiliza três elementos asféricos de dois tipos diferentes e o vidro Super UD (Dispersão Ultrabaixa) utilizado para impedir as aberrações cromáticas que podem muitas vezes prejudicar a claridade na extremidadedo motivo.
</p>
</div>
<br clear="all">
</div>
<div class="content-lp-lente-specs" style="background: #000;">
<div class="grid-esq-01">
<p class="p-justify" style="color:#fff;">
<b class="b-titulo">Qualidade da série L</b>
Com mais respeito entre os fotógrafos profissionais, as lentes da Série L da Canon se distinguem por um anel vermelho ao redor do cilindro externo, bem como por seu notável desempenho óptico, que é o resultado de tecnologias avançadas da Canon. As lentes da Série L combinam alto desempenho, manuseio excepcional e oferecem resistência à poeira e umidade.
</p>
</div>
<img class="img-right" src="https://extranet.canon.com.br/ecommerce/_files/lentes/ef/ef_17_40mm_f4_lusm/images/lp_EF17-40mmf4LUSM_imgbr_2.jpg">
<br clear="all">
</div>
<div class="content-lp-lente-740 padding-top-60">
<div class="grid-50">
<img src="https://extranet.canon.com.br/ecommerce/_files/lentes/ef/ef_17_40mm_f4_lusm/images/24mm-icon-obj-a.png">
<p style="padding: 4px; margin: 0;"><b>Especificações Técnicas</b></p>
<p style="font-size: 14px; padding: 4px; margin: 0;">Montagem EF</p>
<p style="font-size: 14px; padding: 4px; margin: 0;">Diafragma de 7 lâminas</p>
<p style="font-size: 14px; padding: 4px; margin: 0;">Construção da lente com 12 elementos em 9 grupos</p>
<p style="font-size: 14px; padding: 4px; margin: 0;">Distância mínima de foco de 28cm</p>
</div>
<div class="grid-50">
<img src="https://extranet.canon.com.br/ecommerce/_files/lentes/ef/ef_17_40mm_f4_lusm/images/24mm-icon-lente.png">
<p style="padding: 4px; margin: 0;"><b>Especificações Físicas</b></p>
<p style="font-size: 14px; padding: 4px; margin: 0;">Diâmetro para filtros: 77mm</p>
<p style="font-size: 14px; padding: 4px; margin: 0;">Diâmetro x profundidade: 83,5 x 96,8mm</p>
<p style="font-size: 14px; padding: 4px; margin: 0;">Peso aproximado: 500g</p>
</div>
<br clear="all">
</div>
<!--CASO TENHA VIDEO
<div class="video-container-geral">
<h1 class="ctm_overview-align-center" style="color: #e42a24; font-family: 'OpticSans 201', 'Helvetica Neue', sans-serif; font-size: 2em; padding-bottom: 20px;">VEJA O QUE VOCÊ PODE CONQUISTAR</h1>
<div id="video-container">
<div class="embed-container">
<iframe style="height: 100% !important;" src="https://www.youtube.com/embed/C4hoV705Jng" frameborder="0" allowfullscreen></iframe>
</div>
</div>
<p class="ctm_overview-align-center" style="padding-top: 30px;">Para descobrir mais vídeos de produtos Canon, visite nosso canal oficial no Youtube <span><a href="https://www.youtube.com/user/canonbr" target="_blank"><img src="https://extranet.canon.com.br/ecommerce/_files/lentes/ef/ef_17_40mm_f4_lusm/images/24mm-youtube-logo.png" style="position: relative; top: 3px;"></a></span></p>
</div>
<div class="content-lp-discalimer">
<p class="align-left">
*Motor para AF - 1 Foco manual mecânico contínuo integrado.
</p>
</div>
-->
</div>
<script>
function slider(id){
this.indicator = 0;
this.limitGlbl = $( id + ' .ctm_overview-slider-simple-slide').length;
this.setSize = function(){
$( id + ' .ctm_overview-slider-simple-slide').each(function(i,e){
$(e).css('width', $(id).width() + 'px' );
});
$( id + ' .ctm_overview-slider-simple-container').css({
'margin-left': -(this.indicator * $(id).width())+ 'px'
});
}
this.moveSlider = function(direccion){
var limit = $( id + ' .ctm_overview-slider-simple-slide').length;
this.indicator = (direccion == 'right') ? this.indicator + 1 : this.indicator -1;
this.indicator = (this.indicator >= limit) ? 0 : this.indicator;
this.indicator = (this.indicator < 0) ? limit - 1 : this.indicator;
$( id + ' .ctm_overview-slider-simple-container').animate({
'margin-left': -(this.indicator * $(id).width())+ 'px'
});
}
this.moveSliderToSlide = function(slide){
this.indicator = parseInt(slide);
$( id + ' .ctm_overview-slider-simple-container').animate({
'margin-left': -( parseInt(slide) * $(id).width())+ 'px'
});
}
$(window).on('resize',this.setSize);
this.setSize();
}
$('.ctm_overview-wall-grid-a-item-icon').on('click',function(){
$(this).parent().parent().find('.active').removeClass('active');
$(this).parent().addClass('active');
});
var sliderBanner = new slider('#slide-banner');
$('#right_slide-banner').on('click',function(){
sliderBanner.moveSlider('right');
});
$('#left_slide-banner').on('click',function(){
sliderBanner.moveSlider('left');
});
setTimeout(function(){
function slider(id){
this.indicator = 0;
this.limitGlbl = $( id + ' .ctm_overview-slider-simple-slide').length;
this.setSize = function(){
$( id + ' .ctm_overview-slider-simple-slide').each(function(i,e){
$(e).css('width', $(id).width() + 'px' );
});
$( id + ' .ctm_overview-slider-simple-container').css({
'margin-left': -(this.indicator * $(id).width())+ 'px'
});
}
this.moveSlider = function(direccion){
var limit = $( id + ' .ctm_overview-slider-simple-slide').length;
this.indicator = (direccion == 'right') ? this.indicator + 1 : this.indicator -1;
this.indicator = (this.indicator >= limit) ? 0 : this.indicator;
this.indicator = (this.indicator < 0) ? limit - 1 : this.indicator;
$( id + ' .ctm_overview-slider-simple-container').animate({
'margin-left': -(this.indicator * $(id).width())+ 'px'
});
}
this.moveSliderToSlide = function(slide){
this.indicator = parseInt(slide);
$( id + ' .ctm_overview-slider-simple-container').animate({
'margin-left': -( parseInt(slide) * $(id).width())+ 'px'
});
}
$(window).on('resize',this.setSize);
this.setSize();
}
$('.ctm_overview-wall-grid-a-item-icon').on('click',function(){
$(this).parent().parent().find('.active').removeClass('active');
$(this).parent().addClass('active');
});
var sliderBanner = new slider('#slide-banner');
$('#right_slide-banner').on('click',function(){
sliderBanner.moveSlider('right');
});
$('#left_slide-banner').on('click',function(){
sliderBanner.moveSlider('left');
});
}, 1000);
</script>
