/*
design height: 479px;
*/

.photo_compare {
	position: relative;
	width: 730px; /* 720? */
	height: 548px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	background-color: black;
	cursor: pointer;
	margin-bottom: 1em;
}

.photo_compare.n10 {
	width: 730px;
}

.photo_compare.n10 ol.images li {
	width: 73px;
}

.photo_compare.n10 ol.images li div {
	width: 72px;
}

.photo_compare.n10 ol.controls li {
	width: 73px;
}

.photo_compare.n8 {
	width: 720px;
}

.photo_compare.n8 ol.images li {
	width: 90px;
}

.photo_compare.n8 ol.images li div {
	width: 89px;
}

.photo_compare.n8 ol.controls li {
	width: 90px;
}


.photo_compare ol {
	padding: 0;
	margin:0;
}

.photo_compare ol.images {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	list-style-type: none;
}

.photo_compare ol.images li {
	float: left;
	height: 548px;
/*	border-right: 1px solid black;*/
	opacity: 1;
	-webkit-transition: opacity .25s;
	-webkit-transition-delay: 0;
	transition: opacity .25s;
	transition-delay: 0;
}

.photo_compare.noanim ol.images li {
	-webkit-transition: none;
	transition: none;
}

.photo_compare:hover ol.images li,
.photo_compare.has_selected ol.images li {
	opacity: 0.8;
}

.photo_compare:hover ol.images li:hover,
.photo_compare:hover ol.images li.hover {
	opacity: 1;
}

.photo_compare.has_selected ol.images li.selected,
.photo_compare ol.images li.collapsing {
	opacity: 1!important;
}

.photo_compare.noanim ol.images li div {
	-webkit-transition: none;
	transition: none;
}

.photo_compare ol.images li div {
	position: absolute;
	overflow: hidden;
	height: 100%;
	z-index: 100;
	opacity: 1;
	-webkit-transition: width .4s, left .4s, opacity .25s;
	transition: width .4s, left .4s, opacity .25s;
}

.photo_compare.noanim ol.images li div {
	-webkit-transition: none;
	transition: none;
}

.photo_compare.has_selected ol.images li.selected div {
	left: 0px !important;
	width: 729px;
	z-index: 150;
}

.photo_compare.has_selected ol.images li.selected.disappearing div,
.photo_compare.has_selected.noanim ol.images li.selected.disappearing div {
	-webkit-transition: opacity .25s;
	transition: opacity .25s;
	z-index: 160;
	opacity: 0;
}

.photo_compare ol.images li.collapsing div {
	z-index: 150!important;
}

.photo_compare ol.images li div img {
	width: auto;
	height: 100%;
}


.photo_compare ol.images li img {
	position: relative;
	left: -300px;
	height: 100%;
	width: auto;
	-webkit-transition: left .4s;
	transition: left .4s;
}

.photo_compare.noanim ol.images li img {
	-webkit-transition: none;
	transition: none;
}

.photo_compare ol.images li.selected img {
	left: 0;
}

.photo_compare ol.controls {
	overflow: hidden;
	position: absolute;
	z-index: 500;
	bottom: 0;
	left: 0;
	height: 47px;
	background-color: rgba(0,0,0,0.8);
	list-style-type: none;
/*	pointer-events: none; */ 
}

.photo_compare ol.controls li {
	float: left;
	height: 47px;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-transition: opacity .4s;
	transition: opacity .4s;
}

.photo_compare.has_selected ol.controls li {
	opacity: 0.4;
}

.photo_compare.has_selected ol.controls li.selected {
	opacity: 1;
}

.photo_compare ol.controls li.iphone {
	background-image: url(//static.snapsnapsnap.photos/css/photo-compare/1iphone@2x.png);
	background-size: 16px 26px;
}

.photo_compare ol.controls li.iphone3g {
	background-image: url(//static.snapsnapsnap.photos/css/photo-compare/2iphone3g@2x.png);
	background-size: 16px 26px;
}

.photo_compare ol.controls li.iphone3gs {
	background-image: url(//static.snapsnapsnap.photos/css/photo-compare/3iphone3gs@2x.png);
	background-size: 16px 26px;
}

.photo_compare ol.controls li.iphone4 {
	background-image: url(//static.snapsnapsnap.photos/css/photo-compare/4iphone4@2x.png);
	background-size: 16px 26px;
}

.photo_compare ol.controls li.iphone4s {
	background-image: url(//static.snapsnapsnap.photos/css/photo-compare/5iphone4s@2x.png);
	background-size: 16px 26px;
}

.photo_compare ol.controls li.iphone5 {
	background-image: url(//static.snapsnapsnap.photos/css/photo-compare/6iphone5@2x.png);
	background-size: 16px 30px;
}

.photo_compare ol.controls li.iphone5s {
	background-image: url(//static.snapsnapsnap.photos/css/photo-compare/7iphone5s@2x.png);
	background-size: 16px 30px;
}

.photo_compare ol.controls li.iphone6 {
	background-image: url(//static.snapsnapsnap.photos/css/photo-compare/8iphone6@2x.png);
	background-size: 20px 34px;
}

.photo_compare ol.controls li.dslr {
	background-image: url(//static.snapsnapsnap.photos/css/photo-compare/9dslr@2x.png);
	background-size: 29px 25px;
}
.photo_compare ol.controls li.pas {
	background-image: url(//static.snapsnapsnap.photos/css/photo-compare/10pas@2x.png);
	background-size: 31px 23px;
}


.photo_compare .zoom {
	
	position: absolute;
	z-index: 300;
	display: none; /* block */
	top: 20px;
	right: 20px;
	width: 45px;
	height: 45px;
	-webkit-tap-highlight-color: transparent;
	background-color: rgba(0,0,0,.2);
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
	background-image: url(http://static.snapsnapsnap.photos/css/images/slider-zoom@2x.png);
	background-size: 22px 22px;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-transform: scale(0);
	-webkit-transition: -webkit-transform .3s ease;
	-webkit-transition-delay: 0;
	-moz-transform: scale(0);
	transform: scale(0);
	transition: transform .3s ease;
	transition-delay: 0;
}

.photo_compare.has_selected .zoom {
	-webkit-transform: scale(1);
	-webkit-transition-delay: .4s;
	transform: scale(1);
	transition-delay: .4s;
}

.photo_compare .collapse {
	content:'';
	position: absolute;
	z-index: 200;
	display: block;
	top: 20px;
	left: 20px;
	width: 45px;
	height: 45px;
	-webkit-tap-highlight-color: transparent;
	background-color: rgba(0,0,0,.2);
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
	background-image: url(http://static.snapsnapsnap.photos/css/images/collapse@2x.png);
	background-size: 37px 16px;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-transform: scale(0);
	-webkit-transition: -webkit-transform .3s ease;
	-webkit-transition-delay: 0;
	transform: scale(0);
	transition: transform .3s ease;
	transition-delay: 0;
}

.photo_compare.has_selected .collapse {
	-webkit-transform: scale(1);
	-webkit-transition-delay: .4s;
	transform: scale(1);
	transition-delay: .4s;
}

.compare-caption {
	margin: 14px 0 20px 0;
	padding: 0 12px;
	width: 730px;
	box-sizing: border-box;
	font-size: 13px;
	color: #a3b1bf;
}

.compare-caption b {
	color: white;
}




.photo_compare.backlit-crop ol.images li img {
	left: -350px;
}

.photo_compare.backlit-crop ol.images li.iphone img {
	left: -367.5px;
}
.photo_compare.backlit-crop ol.images li.iphone3g img {
	left: -367.5px;
}
.photo_compare.backlit-crop ol.images li.iphone3gs img {
	left: -350px;
}
.photo_compare.backlit-crop ol.images li.iphone4 img {
	left: -350px;
}

.photo_compare.backlit-crop ol.images li.selected img {
	left: 0;
}



.photo_compare.coffee-crop ol.images li img {
	left: -300px;
}

.photo_compare.coffee-crop ol.images li.iphone img {
	left: -180px;
}
.photo_compare.coffee-crop ol.images li.iphone3g img {
	left: -180px;
}
.photo_compare.coffee-crop ol.images li.iphone3gs img {
	left: -180px;
}
.photo_compare.coffee-crop ol.images li.iphone4 img {
	left: -210px;
}

.photo_compare.coffee-crop ol.images li.selected img {
	left: 0;
}

.photo_compare.portrait-crop ol.images li img {
	left: -430px;
}

.photo_compare.portrait-crop ol.images li.iphone img {
	left: -451.5px;
}
.photo_compare.portrait-crop ol.images li.iphone3g img {
	left: -451.5px;
}
.photo_compare.portrait-crop ol.images li.iphone3gs img {
	left: -430px;
}
.photo_compare.portrait-crop ol.images li.iphone4 img {
	left: -430px;
}

.photo_compare.portrait-crop ol.images li.selected img {
	left: 0;
}


.photo_compare.strawberries-crop ol.images li img {
	left: -180px;
}

.photo_compare.strawberries-crop ol.images li.iphone img {
	left: -117px;
}
.photo_compare.strawberries-crop ol.images li.iphone3g img {
	left: -117px;
}
.photo_compare.strawberries-crop ol.images li.iphone3gs img {
	left: -126px;
}
.photo_compare.strawberries-crop ol.images li.iphone4 img {
	left: -144px;
}

.photo_compare.strawberries-crop ol.images li.selected img {
	left: 0;
}


.photo_compare.lowlight-crop ol.images li img {
	left: -350px;
}

.photo_compare.lowlight-crop ol.images li.selected img {
	left: 0;
}


.photo_compare.lowlight ol.images li img {
	left: -120px;
}


.photo_compare.lowlight ol.images li.selected img {
	left: 0;
}