@charset "utf-8";
.borderfix{height:480px;}
.drop{width:100px;height:40px;background-color:#fff}
.drag{text-align:center}
.wauto{width:auto !important;}
#img1{    width: 650px;    margin-left: 280px;}
.zoom{position:absolute; width:100px; height:100px;}
#zoom1{    top: -10px;    left: 530px;    width: 190px;}
#zoom2{    top: 60px;    left: 280px;    width: 350px;    height: 160px;}
#zoom3{    top: 120px;    left: 280px;    width: 318px;    height: 250px;}
#zoom4{    top: 30px;    left: 640px;    width: 298px;    height: 160px;}
#zoom5{    top: 240px;    left: 640px;    width: 298px;    height: 160px;}
#zoom6{    top: 330px;    left: 350px;    width: 128px;    height: 140px;}


/******estilo nav buttons****//
.nav_con{position: absolute;bottom: 20px;left: 0px;}
.zoomButton{display: inline-block;height: 50px;width: 50px;line-height: 50px;background: rgba(100,100,100,0.5);color: #fff;text-align: center;font-size: 45px;cursor: pointer;}
.nav_con p{background-color: rgba(0,0,0,0.5);color: #fff;text-shadow: 1px 1px #000;padding: 10px 13px;position: absolute;bottom: -114px;width: 795px;left: 120px; opacity:0;transition:all ease 0.7s;}
.nav_con:hover p{bottom:-14px; opacity:1;}
.nav_con p:hover{bottom:-14px; opacity:1;}
/****fin****/

