@charset "utf-8";

.btn { width: 100%; /* height: 100%; */ /* float: left; */ position: absolute; }

.btn .ileri { width: 35px; height: 63px; background: url(../images/bsag.png) no-repeat center center; right: 19px; position: absolute; top: 82px; }

.btn .geri { width: 35px; height: 63px; background: url(../images/bsol.png) no-repeat center center; left: 19px; position: absolute; top: 82px; }

.carom .btn .ileri, .carom .btn .geri { width: 42px; height: 100%; top: 0; z-index: 5; border: solid 1px #ededed; box-sizing: border-box; background-position: center; background-repeat: no-repeat; background-color: #ededed; }

.carom .btn .ileri { background: url(../images/crmsag.png) no-repeat center center; right: 0; }

.carom .btn .geri { background-image: url(../images/crmsol.png); left: 0; }

.bayCaro .ileri, .bayCaro .geri, .bayCaro ul li a { transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; opacity: 1; }
.bayCaro .ileri:hover, .bayCaro .geri:hover { opacity: 1; }
.bayCaro .resim { transition: background .4s; -webkit-transition: background .4s; -moz-transition: background .4s; -o-transition: background .4s; opacity: 1; box-sizing: border-box; background-origin: padding-box !important; background-clip: content-box !important; border: solid 1px #f1f1f1; }
.bayCaro .carom { width: 100%; float: left; position: relative; margin-top: 0; }
.bayCaro.dactive .carom { /*display: none !important*/ }
.bayCaro.dactive .btn { display: none }
.bayCaro ul li a { background: #fff; background-origin: border-box !important; background-clip: content-box !important; /* border: solid 1px #f1f1f1; */ }

.bayCaro ul { padding: 0px; margin: 0px; }
.bayCaro .carom .btn { height: 100%; }
.bayCaro .carom.active .btn { display: none; }
.bayCaro .carom.active .wrap { width: 100%; margin-left: 0px; }

.bayCaro .wrap ul li a.active { opacity: 1; }

#bayCaro * { }

.yukle { width: 100%; height: 100%; left: 0px; top: 0px; position: absolute; background: #FFFFFF url(../images/495.GIF) no-repeat center 10px; z-index: 900; display: block; text-align: center; }
.yukle:after { content: "Resimler Yükleniyor. Lütfen Bekleyiniz.."; margin-top: 90px; width: 100%; float: left; font-size: 12px; font-style: italic; }

.buyutWrap { width: 100%; height: 100%; position: absolute; background: rgba(0, 0, 0, 0.78); z-index: 9999999; display: none; left: 0px; top: 0px; }
.buyuImg, .buyuImg .resim { width: auto; height: auto; position: relative; float: left; }
.buyuImg img { min-width: 0px; min-height: 0px; float: left; -webkit-box-shadow: 0px 0px 28px 5px rgba(0,0,0,0.48); -moz-box-shadow: 0px 0px 28px 5px rgba(0,0,0,0.48); box-shadow: 0px 0px 28px 5px rgba(0,0,0,0.48); }
.byKpt { width: 30px; height: 30px; position: absolute; right: 10px; top: 10px; background: url(../images/bykpt.png) no-repeat; background-size: cover; z-index: 9999; }
.ekle { overflow: hidden; }

.byksol { width: 26px; height: 46px; position: absolute; background: url(../images/byksol.png) no-repeat; left: 0px; top: calc(50% - 23px); z-index: 9999; }
.byksag { width: 26px; height: 46px; position: absolute; background: url(../images/byksag.png) no-repeat; right: 0px; top: calc(50% - 23px); z-index: 9999; }

.bayCaro .resim .arrow { width: auto; position: absolute; bottom: 10px; left: 50%; transform: translate(-50%, -50%); }
.bayCaro .resim .arrow a { width: 13px; height: 13px; float: left; background: #a5a5a5; margin-right: 8px; border-radius: 15px; }
.bayCaro .resim .arrow a:last-child { margin-right: 0px; }
.bayCaro .resim .arrow a.active { background: #cb8774; }

.bayCaro .cbilgi { width: calc(100% - 2px); position: absolute; height: 38px; left: 1px; bottom: 1px; box-sizing: border-box; background: rgba(35, 37, 39, 0.88); padding: 5px 9px; }
.bayCaro .cbilgi .puanlama { width: auto; float: left; margin-top: 8px; }
.bayCaro .cbilgi .puanlama .yildiz { width: auto; float: left; margin-right: 5px; }
.bayCaro .cbilgi .puanlama .yildiz div { width: 11px; height: 11px; float: left; margin-right: 3px; left: inherit; position: relative; background: url(../images/byldz.png) no-repeat; bottom: inherit; padding: inherit; }
.bayCaro .cbilgi .puanlama .yildiz div.active { background: url(../images/byldz2.png) no-repeat; }
.bayCaro .cbilgi .puanlama .puani { width: auto; float: left; font-size: 10px; color: #fff; font-weight: bold; line-height: 11px; }
.bayCaro .cbilgi .tarihi { width: auto; float: right; font-size: 11px; color: #fff; font-weight: bold; margin-top: 6px; }
.bayCaro .wrap { width: 100%; float: left; position: relative; overflow: hidden; margin-left: 0; }

.bayCaro .wrap ul li { position: relative; }
.bayCaro .wrap ul li a { border: solid 1px #f5f5f5; }

.bayCaro .resim > .btn { /* display: none; */ }


.bayCaro .zomi { width: 100%; height: 100%; position: absolute; top: 0px; left: calc(100% + 6px); overflow: hidden; z-index: -1; display: none; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05); background: #fff; }
.bayCaro .resim .zomi img { width: auto; height: auto; position: absolute; left: 0px; top: 0px; display: inherit !important; }

.zoomi .testi { width: 40px; height: 40px; background: #ac0; position: absolute; left: 0px; top: 0px; }
.zoomi .lens { width: 0px; height: 0px; position: absolute; left: 0px; top: 0px; background: rgba(255, 255, 255, 0.48); /* border-radius: 100%; */ border: solid 2px rgba(85, 106, 154, 0.08); box-sizing: border-box; display: none; }


.buyut.zoomi { overflow: hidden; }

@media screen and (max-width: 1170px) {
	.bayCaro .zomi, .zoomi .lens { display: none !important; }
	.resim .btn .ileri { width: 19px; height: 35px; background-size: contain; }
	.resim .btn .geri { width: 19px; height: 35px; background-size: contain; }
}